1 © Netskills Quality Internet Training, University of Newcastle Multimedia Web Pages © Netskills, Quality Internet Training, University of Newcastle Netskills.

Slides:



Advertisements
Similar presentations
Workshop Servers (Server Software) Browsers Media Delivery Technologies: o Flash o QuickTime o Windows Media o Real. New Internet technology: XML XHTML.
Advertisements

3.01C Multimedia Elements and Guidelines 3.01 Explore multimedia systems, elements and presentations.
Techniques for Creating Accessible, Closed Captioned Web-Based Video California State University - Northridge 22nd Annual International Technology and.
2.02F Publishing Animated Videos 2.02 Develop Computer Animations.
Chapter 11 Media and Interactivity Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.
Chapter 11 Media and Interactivity Basics Key Concepts
HTML Structure & Web Design Basics
10 C H A P T E R © 2001 The McGraw-Hill Companies, Inc. All Rights Reserved1 Streaming Media and Synchronized Multimedia One of the ways the Internet is.
HTML 5 and CSS 3, Illustrated Complete Unit K: Incorporating Video and Audio.
1 Introduction to Computer Science بسم الله الرحمن الرحيم MULTIMEDIA LEVEL -9 King Khalid University Kingdom of Saudi Arabia Ministry of Higher Education.
Sounds, Images & Other Objects Website Production.
 Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more.  Multimedia comes.
3.02 Publishing Animations
Embedding Multimedia Content in WebPages Seth Subramanian.
Quicktime Howell Istance School of Computing De Montfort University.
M ULTIMEDIA ON THE W EB. Multimedia Purpose of Multimedia Multimedia Issues Animation Digital Audio fundamentals Browser Plug-ins Java Applets.
Tutorial 7 Working with Multimedia. XP Objectives Explore various multimedia applications on the Web Learn about sound file formats and properties Embed.
Creating & Distributing New Media Content lesson 24.
HYPERTEXT MARKUP LANGUAGE (HTML)
Session: 11. © Aptech Ltd. 2HTML5 Audio and Video / Session 11  Describe the need for multimedia in HTML5  List the supported media types in HTML5 
Using Multimedia on the Web
Web Development & Design Foundations with XHTML Chapter 11 Key Concepts.
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 14-Designing for the World Wide Web. Overview Introducing multimedia on the Web. Designing text for the Web. Creating images for the Web. Adding.
Commonly Found Internet File Types The Internet provides access to many types of files, more than just HTML.
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.
1 Web Developer Foundations: Using XHTML Chapter 10 Helper Applications and Plug-in Concepts.
1 Lecture 12: Multimedia Not in Web 101 Text  Important Multimedia Issues  Audio  Movies and Video  Multimedia and HTML Documents.
Session 9: Multimedia J 0394 – Perancangan Situs Web Program Studi Manajemen Program Studi Manajemen Universitas Bina Nusantara.
2.02G Publishing Animated Videos 2.02 Develop Computer Animations.
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.
Multimedia and The Web.
Chapter 13-Tools for the World Wide Web. Overview Web servers. Web browsers. Web page makers and site builders. Plug-ins and delivery vehicles. Beyond.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 11 Key Concepts 1 Copyright © Terry Felke-Morris.
Chapter 7 Multimedia on the Internet. Audio on the Internet Music, sound clips, radio, voices Downloading Audio (File Size) Sound Software + Sound Card.
Multimedia Web Design Professor Frank. Multimedia Combine text, graphics, sounds, and moving images in meaningful ways Use stable technology.
McGraw-Hill/Irwin © 2004 by The McGraw-Hill Companies, Inc. All rights reserved. SMIL Ellen Pearlman Eileen Mullin Programming the Web Using XML.
Contents MULTIMEDIA –Audio –Video –Animation –PDF.
GIF - Graphics Interchange Format JPEG - Joint Photographic Experts Group PNG - Portable Network Graphics GIF images are limited to the 8 bit palette which.
Multimedia From Greenlaw/Hepp, In-line/On-line: Fundamentals of the Internet and the World Wide Web 1 Introduction Important Multimedia Issues Audio Movies.
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.
Copyright © 2003 Pearson Education, Inc. Slide 1-1 Created by Jim Lengel, College of Communication, Boston University Web Wizard’s Guide to Shockwave.
Streaming Media A technique for transferring data on the Internet so it can be processed as a steady and continuous stream.
Lesson 31: Plug-Ins and Java Applets. Objectives Apply plug-in/viewer technology to Web pages to support various file types Create rich media streaming.
Multimedia Web Pages. Multimedia displays Browser can load web pages that contains multimedia elements 1. Helper applications: stand-alone programs that.
LECTURE 07 RAZIA NISAR NOORANI Digital Video. Basic Digital Video Concepts CS118 – Web Engineering 2 Movie length Frame size Frame rate Quality Color.
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.
Chapter 10. The Role of Video in Multimedia  Any presentation or application that uses sound and graphics qualifies as multimedia  Clip A segment of.
Multimedia. What is multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films,
Audio Streaming © Nanda Ganesan, Ph.D.. Audio File Features Audio file is a record of captured sound that can be played back –The WAV File is an example.
California State University, LA Presented by Amanda Steven StevenAamirObaid.
Streaming Media. What is Streaming Media The delivery of audio, video and other multimedia content across the internet using streaming media servers.
Copyright © Terry Felke-Morris Web Development & Design Foundations with HTML5 8 th Edition CHAPTER 11 KEY CONCEPTS 1.
Outline Introduction Audio and Video
Lesson 24 Creating & Distributing New Media Content.
VIDEO.
"Digital Media Primer" Yue-Ling Wong, Copyright (c)2013 by Pearson Education, Inc. All rights reserved.
Web Programming– UFCFB Lecture 8
3.02 Publishing Animations
Tutorial 7 Working with Multimedia
2.02G Publishing Animated Videos
Lesson 24 Creating & Distributing New Media Content.
2.02F Publishing Animated Videos
Integrating Multimedia: Sound, Video and More
Web Programming– UFCFB Lecture 8
Digital Video Faraz Khan.
Presentation transcript:

1 © Netskills Quality Internet Training, University of Newcastle Multimedia Web Pages © Netskills, Quality Internet Training, University of Newcastle Netskills is a trademark of Netskills, University of Newcastle. Partly funded by the

2 © Netskills Quality Internet Training, University of Newcastle Topics What is multimedia? Multimedia formats and technologies Audio Video Streaming media SMIL VRML

3 © Netskills Quality Internet Training, University of Newcastle Multimedia Web Pages What is multimedia? Any combination of: Text Graphics Animation Audio Video Virtual Reality Example:

4 © Netskills Quality Internet Training, University of Newcastle Viewing Multimedia: Plug-ins Browsers limited to displaying text and images Plug-ins enable browsers to handle other media Video, animation… Plug-ins are usually freely distributed Software to generate files viewed by plug-in are usually commercial Newer browsers have pre-installed plug-ins Plug-in resources available at:

5 © Netskills Quality Internet Training, University of Newcastle Examples of Plug-ins Flash, Real Player and QuickTime Support animation, audio, video, interaction and virtual reality Can provide user controls: Zoom, fast forward, rewind… Examples:

6 © Netskills Quality Internet Training, University of Newcastle Multimedia in Web Pages Media files included in a web page using: tag in Internet Explorer tag in Netscape browsers Can use both tags to increase compatibility <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase=" <embed src="tune.wav" pluginspage=" Range of attributes can also be used Autoplay, height, width, loop… Repeat for both and

7 © Netskills Quality Internet Training, University of Newcastle Audio Formats There are many audio formats, including:.wav Microsoft's sound format.aiff Originally for Mac, now also for PCs.au Audio format developed by Sun.ra RealAudio, increasingly popular commercial format.midi Musical Instrument Digital Interface

8 © Netskills Quality Internet Training, University of Newcastle MP3 Format Format for efficient compression of digital audio 'Near CD' quality audio with small file sizes Non-proprietary format (open standard) Files can be distributed via the internet Using MP3 Create MP3s from CDs using encoding software Download (not always legal!) Playback requires MP3 player - e.g. Winamp Causing radical changes in the music industry Record companies selling MP3 albums via the web

9 © Netskills Quality Internet Training, University of Newcastle Video Formats Usually include both audio and video Can be very large files Slow to download Common formats include:.avi - Audio Video Interleave Developed by Microsoft.mov - QuickTime movie format Developed by Apple, but now cross-platform Also supports QuickTime 3D or VR.mpg - Moving Pictures Experts Group ISO standard for audio and video compression

10 © Netskills Quality Internet Training, University of Newcastle Streaming Media Streaming media can be played whilst downloading Less time waiting for playback to begin Streamable media Audio, video, slides… Different media can be streamed simultaneously Can be pre-recorded or live Quality of playback is bandwidth dependent Buffering used to smooth network delays Examples of streaming media: video.ldc.lu.se/terena.htm news.bbc.co.uk/1/hi/programmes/newsnight/default.stm

11 © Netskills Quality Internet Training, University of Newcastle Products for Streaming RealNetworks RealProducer Creation of files in 'rm' format RealServer Streamed delivery of files RealPlayer Playback of rm files (free) Apple QuickTime QuickTime player Macromedia Director (Shockwave) Shockwave files are streamed Integrates with RealAudio/RealVideo uk.real.com

12 © Netskills Quality Internet Training, University of Newcastle SMIL Synchronised Multimedia Integration Language HTML-like language for choreographing multimedia Audio, video, images, animation, text… SMIL file instructs client to: Retrieve media files from server(s) Synchronise playback Requires plug-in/player QuickTime (SMIL 1.0) Real Player (SMIL 2.0) IE5.5 (+) supports a Microsoft implementation of SMIL W3C recommendation

13 © Netskills Quality Internet Training, University of Newcastle VRML Virtual Reality Modelling Language Three-dimensional (3D) imaging format Object properties specified using text-based language Cube {depth 1 height 1 width 1} VRML player controls allow users to manipulate view of object Pan, zoom, rotate, fly, etc. Examples of VRML:

14 © Netskills Quality Internet Training, University of Newcastle Legal requirement for materials to be accessible Regardless of users ability/disability Disability Discrimination Act (1995) Special Educational Needs and Disability Act (2002) Multimedia accessibility issues Large file size can slow content delivery Playback typically requires plug-ins Media may be inaccessible to: Users with disabilities (deaf, blind…) Assistive technologies (e.g. screenreaders) Only use multimedia where justified Provide appropriate alternatives Text transcripts, captioned video, audio descriptions... Accessibility

15 © Netskills Quality Internet Training, University of Newcastle Summary Web pages can include a range of media Audio, video, animation, VRML… Formats for each media may have different characteristics Quality, compression, file size, streaming… Select appropriate format for each media Media playback typically requires plug-ins Will these be available to your users? Streaming improves delivery of large media files over the web