180 likes | 404 Vues
Embedding Multimedia Content in WebPages. Seth Subramanian. Defining Multimedia. Multimedia is pictures, sounds, music, animations and videos. Multimedia comes in many different formats. Modern Internet browsers support many multimedia format. Multimedia Formats.
E N D
Embedding Multimedia Content in WebPages Seth Subramanian
Defining Multimedia • Multimedia is pictures, sounds, music, animations and videos. • Multimedia comes in many different formats. • Modern Internet browsers support many multimedia format.
Multimedia Formats • Picture Formats: GIF, JPEG, PNG, TIFF. • Sound Formats: MIDI, WAVE, WMA, RAM, MP3. • Video Formats: AVI, WMV, MPEG, MOV, RM, SWF.
Media on the Web • Inline method. • Using <object> Element. • Using <embed> Element.
Object is implemented through ActiveX. Works in only in Internet Explorer. Object is a legal W3C tag. Embed is a cross-platform solution. No external plug-in like ActiveX. Supported by all browsers. Embed tag has been deprecated. Object vs. Embed
Solution • Use them both: examples
Cross-Platform Media • Know your users – Windows Vs. Macs. • Using QuickTime for Mac Users. • ShockWave Flash(SWF) and Flash Video(FLV).
QuickTime - Tips and tricks • Prepare the QuickTime movie file for streaming. • Create a “poster frame” for the QuickTime Object. • Add “Click to Play” message.
Flash Movies and Video • Flash supports bi-directional streaming of audio and video. • Types available: • SWF (video content embedded in a Flash timeline). • FLV (video content is kept external).
Video Delivery • Embedded video. • Progressive download. • Streaming video.
Streaming Multimedia • What is a ‘stream’? • Transferring data such that it can be processed as a steady and continuous stream. • Uses RTSP (Real-Time Streaming Protocol).
Streaming Formats • Microsoft’s Windows Media. • MMS (Multimedia Messaging Service) • QuickTime. • RTSP (Real-Time Streaming Protocol) • RealAudio/Video. • HTTP (HyperText Transfer Protocol)
Fast start. User can seek any portion of the video at any time. No size restrictions. Live video support. Starts pretty fast. Can seek portions of the video that have been downloaded. Lesser the better(< 10 min usually). No live video. Streaming vs. Progressive
Streaming Servers • Windows Media Server. • Available with Windows Server 2003. • Darwin Streaming Server. • Open Source. • Streaming Server for Flash files. • Adobe Flash Media Server.
What’s new? • Microsoft Silverlight is a cross-browser, cross-platform, and cross-device plug-in for delivering the next generation of .NET based media experiences and rich interactive applications for the Web.
Helpful Links • http://quicktime.tc.columbia.edu/users/iml/movies/mtest.html • www.apple.com/quicktime/tutorials/embed.html • Darwin Streaming Server - http://www.army.mil/ako/services/streaming/darwin.html • http://developer.apple.com/opensource/server/streaming/ • Windows Media Server - http://technet2.microsoft.com/windowsserver/en/library/ • Adobe Flash Media Server - http://www.adobe.com/products/flashmediaserver/ • http://www.microsoft.com/silverlight/ • http://silverlight.live.com/
Questions?? Thank you!!!