1 / 64

WEB MULTIMEDIA COURSE

WELLCOME TO. WEB MULTIMEDIA COURSE. CONTENTS. 1. INTRODUCTION. 7. OBJECT INTRO. 2. SOUND FORMATS. 8. OBJECT QUICKTIME. 3. VIDIO FORMATS. 9. OBJECT REALVEDIO. 4. BROWSER SOUND. 10. TAG REFERENCE. 5. BROWSER VIDIOS. 11. PLAYER REFERENCE. 6. WINDOW MEDIA FORMATS. INTRODUCTION.

caron
Download Presentation

WEB MULTIMEDIA COURSE

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. WELLCOME TO WEB MULTIMEDIA COURSE

  2. CONTENTS 1. INTRODUCTION 7. OBJECT INTRO 2. SOUND FORMATS 8. OBJECT QUICKTIME 3. VIDIO FORMATS 9. OBJECT REALVEDIO 4. BROWSER SOUND 10. TAG REFERENCE 5. BROWSER VIDIOS 11. PLAYER REFERENCE 6. WINDOW MEDIA FORMATS

  3. INTRODUCTION What is Multimedia? Multimedia is everything you can hear or see: texts, books, pictures, music, sounds, CDs, videos, DVDs, Records, Films, and more. Browser Support Internet Browser support : text, fonts, colors, picture, sounds, animations, video

  4. INTRODUCTION Multimedia Formats The most common way to discover the media type is to look at the file extension. - .html or .htm : the HTML page - .xml : the XML file - .css : the style sheet - .jpg, .gif : the picture file - formats with different extensions.

  5. SOUND FORMATS Sound can be stored in many different formats. The MIDI Format (.mid or .midi) (Musical Instrument Digital Interface) The downside : - Cannot record sounds (only notes) or cannot store songs, only tunes. The upside : - MIDI files can be extremely small. • Supported by many different softwaresystem

  6. SOUND FORMATS The RealAudio Format (.rm or .ram) The format allows streaming of audio (on-line music, Internet radio) with low bandwidths. Because of the low bandwidth priority, quality is often reduced. The AU Format (.au) supported by many different software systems over a large range of platforms. 

  7. SOUND FORMATS The AIFF Format and The SND Format (.aif or .aiff) (.snd) Audio Interchange File Formatand SND was developed by Apple. They are not cross-platform and the format is not supported by all web browsers.

  8. SOUND FORMATS The WAVE Format (.wav) supported by all computers running Windows, and by all the most popular web browsers. The MP3 Format (MPEG) (.mp3 or .mpga) The MP3 encoding system combines good compression (small files) with high quality

  9. SOUND FORMATS What Format To Use? If you want recorded sound (music or speech) to beavailable to all your visitors, you should use the WAVE format If your website is about recorded music, the MP3 format is the choice of the future.

  10. VIDEO FORMATS The AVI Format (.avi) It is a very common format on the Internet, but not always possible to play on non-Windows computers. The MPEG Format (.mpg or .mpeg) The MPEG (Moving Pictures Expert Group) format is supported by all the most popular web browsers.

  11. VIDEO FORMATS The QuickTime Format (.mov) QuickTime movies cannot be played on a Windows computer without an extra (free) component installed. The RealVideo Format (.rm or .ram) The format allows streaming of video (on-line video, Internet TV) with low bandwidths. Because of the low bandwidth priority, quality is often reduced

  12. VIDEO FORMATS The Shockwave (Flash) Format (.swf) The Shockwave format requires an extra component to play. This component comes preinstalled with the latest versions of Netscape and Internet Explorer.

  13. PLAYING SOUNDS Inline Sound - sound is included in a web page, or as part of a web page - Inline sound can be added to a web page by using the <bgsound> element or the <img> element.

  14. PLAYING SOUNDS Using A Helper (Plug-In) - A helper application(Plug-In) is a program that can be launched by the browser to "help" playing sound. - Helper applications can be launched using the <embed> element, the <applet> element, or the <object> element. - can let some (or all) of the playersettings be controlled by the user.

  15. PLAYING SOUNDS Using The <bgsound> Element - The purpose of this element is to provide a background sound for a web page: <bgsound src="beatles.mid" />

  16. PLAYING SOUNDS Using The <bgsound> Element Example <html> <body> <h2>Music In The Background</h2> <bgsound src="beatles.mid"> </body> </html>

  17. PLAYING SOUNDS Using The <img> Element • The purpose of this element is to embed • multimedia elements in web page: <img dynsrc="horse.wav" />

  18. PLAYING SOUNDS Using The <img> Element Example <html> <body> <h2> Horse As An Image</h2> <img dynsrc="horse.wav"> </body> </html>

  19. PLAYING SOUNDS Using The <embed> Element • The purpose of this element is toembed • multimedia elements in web page: <embed src="beatles.mid" />

  20. PLAYING SOUNDS Using The <embed> Element Example <html> <body> <h2>Beatles Embedded</h2> <embed src="beatles.mid" width="50%" height="50%"> </embed> </body> </html>

  21. PLAYING SOUNDS Using The <object> Element - The purpose of this element is to embed multimedia elements in web page: <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="liar.wav" /> </object>

  22. PLAYING SOUNDS Using The <object> Element Example <html> <body> <h2>Playing The Object</h2> <object height="50%" width="50%" classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="AutoStart" value="1" /> <param name="FileName" value="liar.wav" /> </object> </body> </html>

  23. PLAYING SOUNDS Using A Hyperlink - If a web page includes a hyperlink to a media file, most browsers will use a "helper application“ to play the file. <a href="beatles.mid"> Click here to play the Beatles </a>

  24. PLAYING SOUNDS Using A Hyperlink Example <html> <body> <h2>Linking To Beatles</h2> <p> <a href="beatles.mid"> Click here to play the Beatles</a> </p> </body> </html>

  25. PLAYING VIDEO Using The <img> Element • The purpose of this element is to embed • multimedia elements in web page. <img dynsrc="video.avi" />

  26. PLAYING VIDEO Using The <embed> Element • The purpose of this element is to embed • multimedia elements in web page. <embed src="video.avi" />

  27. PLAYING VIDEO Using The <object> Element • The purpose of this element is to embed • multimedia elements in web page. <object data="video.avi" type="video/avi" />

  28. PLAYING VIDEO Using A Hyperlink - If a web page includes a hyperlink to a media file, most browsers will use a "helper application“ to play the file. <a href="video.avi"> Click here to play a video file </a>

  29. WINDOWS FORMATS The ASF Format • The ASF format (Advanced Streaming Format) • is specially designed to run over the Internet. - ASF files can contains audio, video, slide shows, and synchronized events

  30. WINDOWS FORMATS The ASX Format - ASX (Advanced Stream Redirector) files are not media files, but metafiles. - Metafiles provides information about files. ASX files are plain text files used to describe multimedia content

  31. WINDOWS FORMATS The ASX Format <ASX VERSION="3.0"> <Title>Holiday 2001</Title> <Entry> <ref href="holiday-1.avi"/> </Entry> <Entry> <ref href="holiday-2.avi"/> </Entry> <Entry> <ref href="holiday-2.avi"/> </Entry> </ASX>

  32. WINDOWS FORMATS The WMA Format - The WMA (Windows Media Audio) format is an audio format developed by Microsoft. - The WMA format is similar to the ASF format

  33. WINDOWS FORMATS The WMV Format - The WMV (Windows Media Video) format is an audio format developed by Microsoft. - The WMV format is similar to the ASF format

  34. WINDOWS FORMATS Other Windows Media Formats - WAX (Windows Media Audio Redirector) files are much the same as ASX files, but intended to describe audio files (.wma files) - WMP (Windows Media Player) files and WMX are reserved file types for future use by Windows.

  35. OBJECT INTRO Displaying A Picture <object height="100%" width="100%“ type="image/jpeg" data="audi.jpeg"> </object>

  36. OBJECT INTRO Displaying A Web Page <object height="100%" width="100%“ data="http://www.w3schools.com"> </object>

  37. OBJECT INTRO Displaying A Sound <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="liar.wav" /> </object>

  38. OBJECT INTRO Displaying A Video <object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"> <param name="FileName" value="3d.wmv" /> </object>

  39. OBJECT INTRO Displaying A Calendar <object width="100%" height="80%“ classid="clsid:8E27C92B-1264-101C-8A2F-040224009C02"> <param name="BackColor" value="14544622"> <param name="DayLength" value="1"> </object>

  40. OBJECT INTRO Displaying Graphics <object width="200" height="200“ classid="CLSID:369303C2-D7AC-11D0-89D5-00A0C90833E6"> <param name="Line0001" value="setFillColor(255, 0, 255)"> <param name="Line0002" value="Oval(-100, -50, 200, 100, 30)"> </object>

  41. OBJECT INTRO Displaying Flash <object width="400" height="40" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com /pub/shockwave/cabs/flash/swflash.cab#4,0,0,0"> <param name="SRC" value="bookmark.swf"> </object>

  42. OBJECT QUICKTIME The QuickTime Format - The QuickTime format is developed by Apple. Videos stored in the QuickTime format have the extension .mov. - QuickTime movies cannot be played on a Windows computer without an extra (free) component installed.

  43. OBJECT QUICKTIME The Solution <object width="160" height="144“ classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab"> <param name="src" value="sample.mov"> <param name="autoplay" value="true"> <param name="controller" value="false"> <embed src="sample.mov" width="160" height="144" autoplay="true" controller="false" pluginspage="http://www.apple.com/quicktime/download/"> </embed> </object>

  44. OBJECT QUICKTIME The <object> Element - The width and height attributes of the object element should match the size of the movie in pixels. - The classid attribute uniquely identifies the player software to use. It must be set to "clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B". This unique code identifies an ActiveX control that must be installed on the users PC before the movie can be played.

  45. OBJECT QUICKTIME The <object> Element - The codebase attribute specifies the base path used to resolve relative URIs specified by the classid, data, and archive attributes. - The src parameter should point to the movie file. - The autoplay parameter should have the value "true“ if you want the movie to play automatically. - The controller parameter should have the value "false“ if you don't want the control buttons to show.

  46. OBJECT QUICKTIME The <embed> Element - The embed element is added to support browsers that don't support the object element. • The width and height: • elementshould match the size of the movie in pixels. - The autoplay and controller attributes : should be set to the same values as for the parameters in the object element. - The pluginspage attribute defines the players download path. It must be set to "http://www.apple.com/quicktime/download/".

  47. OBJECT REALVIDEO The Real Video Format - The RealVideo format is developed by Real Media. Videos stored in the Real Video format have the extension .rm or .ram. The Solution <object width="320" height="240" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"> <param name="controls" value="ImageWindow" /> <param name="autostart" value="true" /> <param name="src" value="male.ram" /> </object>

  48. OBJECT REALVIDEO The <object> Element - The width and height attributes of the object element should match the size of the movie in pixels. - The classid attribute uniquely identifies the player software to use. It must be set to "clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA". - The param elements supply additional information to the player.

  49. OBJECT REALVIDEO The <object> Element - The src parameter should point to the movie (or audio) file. - The autostart parameter should have the value "true" if you want the movie to play automatically. - The controls parameter should have the value "ImageWindow”if you don't want the control buttons to show, or "All" if you want all the controls to show.

  50. OBJECT REALVIDEO Object Reference

More Related