Multimedia on the Web

Multimedia on the Web

AudioVideoAnimationInteractivity

Plug-ins in the users’ computer– Real Player (.ram, .rpm, .avi)– Quicktime (.mov)– Shockwave (.dcr)– Flash player (.swf)– MS Media player (.wav)– AuthorWare Web player (.aam)

– Acrobat Reader (.pdf)

Streaming media

Real Player (RealOne Player)QuickTimeMS Media PlayerMacromedia FlashMacromedia Director Shockwave

Streaming vs. Nonstreaming

Nonstreaming files (static file) need to be entirely downloaded to the user’s local disk before they play.Streaming files begin playing almost immediately (once the buffer is filled) and continue playing as they are downloading.

Streaming vs. NonstreamingNonstreaming file Streaming file

Advantages It doesn’t require special server software.

It is simple to create files.

It begins to play soon after the stream begins

It maintains a good quality.Users cannot copy the files

Disadvantages Users wait long if file size is big.

It is difficult for writers to protect copyrights

It requires special server software (streaming media server)

Sound quality and stream may be affected by low speed or inconsistent Internet connections.

Nonstreaming file Streaming files

Audio WAVE (.wav)AIFF (.aif, .aiff)MPEG (.mpa .mp2, .mp3)MIDI (.mid)

RealAudio (.ram)Quicktime Audio (.dcr)MP3Shockwave Audio (.swa)Advanced Streaming Audio

File (.asf)

Video AVI (.avi)Quicktime Movie (.mov)MPEG (.mpg)

RealMediaQuicktime Video (.mov)MPEG (XingMPEG)Advanced Streaming File

(.asf)

Streaming vs. Nonstreaming

How to add Audio/Video file<EMBED> for use with plug-ins<embed src="map_icon.wav" autostart="false" width="240" height="45” volume=100></embed><br><embed src="cyclers.avi" width="240" height="180” autostart="false”></embed><A> to link to an audio file from the web page<a href=map_icon.wav>Sound link</a> <br><a href=cyclers.avi>Movie link</a>

Facts to know:

Which player (Real player or QuickTime) the video will play is depending on the user’s browser set-up

Let’s try

Make a folder named multimediaOpen Notepad and type the HTML

Your summary document:

Start with :– The goal of my site is to …

Your target audience– What age group?– What characteristics they have?

ContentStoryboard– Homepage layout– Web Structure

Due June 5, Thursday