CHAPTER 8 Multimedia 1

Using Multimedia ❖ Multimedia: the combination of text, sound, and video to express an idea or convey a message. ❖ Podcasts: a series of audio or video clips that are released in a sequence ❖ found frequently in academic and corporate settings ❖ Goal: don't distract from the message of your page! 2

Embedded vs. External Multimedia ❖ Embedding media is similar to inserting an inline image. ❖ HTML 5 uses the and tags; tag was used prior. ❖ External media files are accessed through a link that your visitors click. ❖ Gives users the choice to or not to download. 3

continued... ❖ tag is used to place external interactive content or plug-in on the page ❖ new to HTML 5 is supported by all browsers 4

Players and Plug-ins ❖ media player: computer software that is used to play multimedia files. ❖ plug-in (add-in or add-on): extra software that is added to the browser to provide a capability that is not inherent to the program. 5

Supported Formats  Audio Files:  MP3 – compresses files to 1/10 the size  MP4 – quick, fast and high-quality; not supported by Windows Media Player  Ogg – designed for streaming and high-quality  Video Files:  MP4  Ogg  WebM- developed by Google; royalty free; open format 6

The Object Tag (audio) Object: used to describe the things that people want to place in HTML documents <object data =“longfellow-audio.mp3” height =“45” width =“250” Specifies the name of the media item to play; local file or URL File name of the clip 7

Tag continued Autostart default = TRUE  Height & Width in Pixels 8

Object Tag (video) 9

Tag Used to define sound, music or other streams Supported in all major browsers Does not currently support all audio formats AttributeValueDescription Autoplay Specifies that the audio will start playing when it is ready Controls Audio controls should be displayed Loop Audio will start over every time it is finished PreloadAuto Metadata None If and how the author thinks the audio should be loaded when the page loads SrcURLSpecifies the URL of the audio file 10

Sample If you are reading this, your browser does not support the HTML 5 audio element OR If you are reading this, your browser does not support the HTML 5 audio element. Better for all browsers 11

Tag Used to specify a video such as a movie clip or other video streams Supported by most browsers Does not currently support all video formats AttributeValueDescription Autoplay Video will play when ready Controls HeightPixelsSets height Loop Muted Audio output of the video should be muted PosterURLImage shown while the video is loading or user hits play PreloadAuto Metadata None SrcURL Widethpixels 12

Sample Tag If you are reading this, it’s because your browser does not support the HTML 5 video element. Multiple Sources: 13

ActiveX Controls Small programs that are used to provide toolbars, audio, video, and animated content. Only install if you trust the publisher and the site offering it! 14

OPEN: LONGFELLOW-AUDIO.HTML OPEN NOTEPAD ++ 15

Page complete except for the audio clip. Delete In it’s place insert the following code: If you are reading this, your browser does not support the HTML 5 audio element 16

OPEN LONGELLOW-VIDEO.HTML Page complete except for the video clip. Delete In it’s place insert the following code: If you are reading this, it’s because your browser does not support the HTML 5 video element. 17