10
Using Plug-Ins Using Plug-Ins Adding Multimedia to an HTML Document

Using Plug-Ins Adding Multimedia to an HTML Document

Embed Size (px)

Citation preview

Page 1: Using Plug-Ins Adding Multimedia to an HTML Document

Using Plug-InsUsing Plug-Ins

Adding Multimedia to an HTML Document

Page 2: Using Plug-Ins Adding Multimedia to an HTML Document

What is a Plug-In?

“Helper” Application that aids the Web browser handle files which are not standard HTML files or standard images

Examples:– QuickTime Player– RealPlayer– Adobe Acrobat Reader– Cosmo Player (VRML)

Page 3: Using Plug-Ins Adding Multimedia to an HTML Document

More About Plug-Ins

Plug-Ins can open a document externally to the Web browser

Or, some plug-ins can be embedded in a Web page

Page 4: Using Plug-Ins Adding Multimedia to an HTML Document

File Types Handled by Plug-Ins

Streaming Audio– RealAudio

Non-streaming Audio– .WAV– .AU

Video– .MPG– QuickTime– AVI

VRML

Page 5: Using Plug-Ins Adding Multimedia to an HTML Document

Adding Non-Streaming Audio

Uses a simple Anchor Container:

Using A Link

<a href=“bridge.wav”>Play a cool sound clip!

</a>

Audio Clip Example

Page 6: Using Plug-Ins Adding Multimedia to an HTML Document

Adding Non-Streaming Audio

Uses the <embed> Container:

Embedding the File

<embed src="bridge.wav“controls="console“height="60“width="145“autostart="false">

</embed>

Audio Clip Example

Page 7: Using Plug-Ins Adding Multimedia to an HTML Document

Adding Non-Streaming Audio

Uses the <bgsound …> tag:

Background Sound

<bgsound src=“bridge.wav”>

Audio Clip Example

Page 8: Using Plug-Ins Adding Multimedia to an HTML Document

Adding Non-Streaming Video

Uses the <embed> Container:

Embedding the File

<embed src=“hmgrad.avi“height=“325“width=“240“autoplay=“true“loop=“true”controller=“false”>

</embed>Video Clip Example

Page 9: Using Plug-Ins Adding Multimedia to an HTML Document

Adding Non-Streaming Video

Additional Example:

Embedding the File

•Video Clip Example

Page 10: Using Plug-Ins Adding Multimedia to an HTML Document

Questions?