Publishing on the WWW Multimedia for the WWW. Introduction What is multimedia ? Mostly experienced via CD-Roms, games, from hard drive. Needs power and.

Slides:



Advertisements
Similar presentations
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 22nd Annual International Technology and.
Advertisements

Concepts & Techniques for Accessible, Closed Captioned Web-Based Video 10th Annual Accessing Higher Ground: Accessible Media, Web and Technology Conference.
 2004 Prentice Hall, Inc. All rights reserved. Chapter 28 – Multimedia: Audio, Video, Speech Synthesis and Recognition Outline 28.1 Introduction 28.2.
Combining Media 8. Key Points There are two models for combining elements of different media types: page-based and synchronization-based Hypermedia is.
Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets.
CNIT 132 – Week 9 Multimedia. Working with Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline each.
Section 9.1 Identify multimedia design guidelines Identify sources of multimedia files Explain the ethical use of multimedia files Describe multimedia.
HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.
1 © Netskills Quality Internet Training, University of Newcastle Multimedia Web Pages © Netskills, Quality Internet Training, University of Newcastle Netskills.
2. What is Multimedia? Multimedia can have a many definitions these include: Multimedia means that computer information can be represented through audio,
© De Montfort University, Synchronised Presentations using Windows Media Howell Istance School of Computing De Montfort University.
1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
School of Computer Science & Information Technology G6DPMM - Lecture 18 Synchronized Multimedia Integration Language (SMIL)
Quicktime Howell Istance School of Computing De Montfort University.
Introduction to Web Base Multimedia Application. Web base application TCP/IP (HTTP) protocol Using WWW technology & software Distributed environment.
Multimedia and the WWW Howell Istance and Chris Hand, Napier University.
Computers Going Online Internet Browsers Browsers retrieve and view Internet-based information interact with servers download and upload information ©
Chapter 9 Introduction to the Document Object Model (DOM) JavaScript, Third Edition.
Define objects and their relationships to multimedia Explain the fundamentals of C, C++, Java, JavaScript, JScript, C#, ActiveX and VBScript Discuss security.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
COMPUTER TERMS PART 1. COOKIE A cookie is a small amount of data generated by a website and saved by your web browser. Its purpose is to remember information.
Software and Multimedia
HYPERTEXT MARKUP LANGUAGE (HTML)
ITIS 1210 Introduction to Web-Based Information Systems Chapter 41 How Animation on the Web Works.
Using Multimedia on the Web
© 2011 Delmar, Cengage Learning Chapter 11 Adding Media and Interactivity with Flash and Spry.
CHAPTER 18 INTEGRATING AUDIO AND VIDEO. LEARNING OBJECTIVES How the HTML 5 and tag pair can be used to include a video file within a webpage How video.
Chapter II The Multimedia Sysyem. What is multimedia? Multimedia means that computer information can be represented through audio, video, and animation.
E0262 – MIS – Multimedia Storage Techniques SMIL – Synchronized Multimedia Integration Language.
Copyright © 2012 Certification Partners, LLC -- All Rights Reserved Lesson 5: Multimedia on the Web.
Tutorial 7 Working with Multimedia. XP Introducing Multimedia Bandwidth is a measure of the amount of data that can be sent through a communication pipeline.
Multimedia Literacy. Topics n Definitions n Taxonomy of Multimedia Objects n Survey of Multimedia Applications n Multimedia Computer Components.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
Macromedia Flash By Alice Tian. Overview  What is Flash  Why Flash  Basic User Interfaces  Animation Basics  Advanced Basics  Publishing.
Lights, Camera, Action! The Role of Multimedia in Web Applications Leading Multimedia Formats in Use Today What You Need to Know to Include Them in Your.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
The Development Process
XP Tutorial 8New Perspectives on HTML and XHTML, Comprehensive 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and Applets Tutorial.
Internet Business Foundations © 2004 ProsoftTraining All rights reserved.
Chapter 7 Multimedia on the Internet. Audio on the Internet Music, sound clips, radio, voices Downloading Audio (File Size) Sound Software + Sound Card.
XP Tutorial 8New Perspectives on Creating Web Pages with HTML, XHTML, and XML 1 Using Multimedia on the Web Enhancing a Web Site with Sound, Video, and.
Tutorial 7 Working with Multimedia
Tutorial 7 Designing a Multimedia Web Site
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Tutorial 7 Working with Multimedia. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition 2 Objectives Explore various multimedia applications.
Interactive Client-Side Technologies MMIS 656 Web Design Technologies Acknowledgements: Estrella, S. (2003). The Web Wizard’s Guide to DHTML and CSS.
HTML5 Audio and Video. Slide 2 History Playing audio and video used to be something of a novelty You would embed a control (with the element) into your.
Multimedia: Audio and Video Kyle Hawver. BGSOUND element Should be placed in the HEAD section of the HTML document Has 4 key properties: – SRC – URL of.
Multimedia Systems Option Topic 2. Multimedia Systems  A Multimedia system combines different types of media into interactive information systems. 
HTML 5. Introduction In modern browsers, adding a video to your page is as easy as adding an image. No longer do you need to deal with special plug-ins.
Embedding Multimedia in Web Pages  Multimedia is a popular buzzword for sound, motion video, and interactive animation.  Some problems or obstacles.
By Neil Ridgway FOHM+RTSP: Applying Open Hypermedia and Temporal Linking to Audio Streams.
Basic Computer Terms Introduction to Computer Applications Mrs. Sorrell.
Introduction to PresentED 6/2014. PresentED is a software solution merging Video & Presentation, Attachments & Links in a single, powerful and uniform.
Introduction to the World Wide Web & Internet CIS 101.
Chapter 8 Adding Multimedia Content to Web Pages HTML5 & CSS 7 th Edition.
CHAPTER 8 Multimedia 1. Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a.
The Internet Salihu Ibrahim Dasuki (PhD) CSC102 INTRODUCTION TO COMPUTER SCIENCE.
Outline Introduction Audio and Video
Web Programming– UFCFB Lecture 8
Web Design and Development
Tutorial 7 Working with Multimedia
THE INTERNET.
Outline Introduction Audio and Video
Working with Multimedia
About Multimedia Files
Lesson 5: Multimedia on the Web
Web Programming– UFCFB Lecture 8
A quick ‘how to’ guide Lya Noon – H808
Internet and MultiMedia for SC 2
Presentation transcript:

Publishing on the WWW Multimedia for the WWW

Introduction What is multimedia ? Mostly experienced via CD-Roms, games, from hard drive. Needs power and speed for best quality.

Combining Media Page based Synchronisation based Interactive user control

Options (1): ‘Page’ Based Extend HTML: MIME types

Example <OBJECT data=“movies/intro.mov” type=“video/quicktime”>

Options (2) – ‘Page’ Based Programming JavaScript ActiveX Streaming Media Streaming Technologies

Options (3) – ‘Synchronised’ Pure hypermedia has no temporal structure. Synchronised Multimedia Integration Language (SMIL). Allows media to be coordinated and played over time.

SMIL Example: Timeline

SMIL Example: Implementation <video src = “movies/logo.mov” type = “video/quicktime” /> <img src = “images/house1.jpeg” type = “image/jpeg” dur = “5s” />…

Difficulties Multimedia is bandwidth intensive. Still need a power computer to display the multimedia. Vagaries of net traffic.

Solutions 1 Compress data (sound, images etc) Compression = degradation = Poorer quality Have to strike a balance in compression - optimisation

Solutions 2 Embed the multimedia application Flash Shockwave Toolbook Neuron

Solutions 3 JavaScript Integral to browsers Downloaded in HTML of web page Component of DHTML