1 / 9

Multimedia Embedding Methods for Web Development

This guide explores various methods for embedding multimedia content such as Flash, QuickTime, and Windows Media Player into web pages. It includes step-by-step instructions for integrating video files, optimal settings for playback, and tips for progressive download and streaming techniques. Users will learn to create references to media files and experiment with different formats and settings, ensuring a versatile approach to media integration in web design. Ideal for developers looking to enhance user experience with engaging multimedia.

belden
Download Presentation

Multimedia Embedding Methods for Web Development

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. Object - embed • Flash <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="600" width="800"><param name="movie" value="https://memex.hio.no/vgs/We_are_sinking.flv" /><param name="quality" value="best" /><param name="play" value="true" /><embed height="600" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.adobe.com/shockwave/download/" type="application/x-shockwave-flash" width="800" quality="best" play="true"></embed> </object>

  2. Object - embed • QuickTime/mpeg 4 progressive nedlesning <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="262" width="320"><param name="enablejavascript" value="true" /><param name="cache" value="true" /><param name="src" value="https://memex.hio.no/vgs/dirty_harry.mp4" /><param name="autoplay" value="true" /><param name="controller" value="true" /><embed height="262" pluginspage="http://www.apple.com/quicktime/download/" src="https://memex.hio.no/vgs/dirty_harry.mp4" type="video/quicktime" width="320" controller="true" autoplay="true" cache="true" enablejavascript="true"></embed> </object>

  3. Object - embed • QuickTime/mpeg 4 streaming • Fremgangsmåten består i å komprimere for streaming (begrensninger på oppløsning)‏ • Laste opp filmen på en streaming-server • Lage en referanse fil som peker mot orginalen • ‘Embedde’ referansen filen i html-filen • NB. referanse-filen må ha filendelse .mov - altså QuickTime

  4. Object - embedd • QuickTime/mpeg 4 streaming <object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="310" width="352"><param name="src" value="http://home.hio.no/~bkengen/test/Web_2.0.mov" /><param name="autoplay" value="true" /><param name="controller" value="true" /><embed height="310" pluginspage="http://www.apple.com/quicktime/download/" src="http://home.hio.no/~bkengen/test/Web_2.0.mov" type="video/quicktime" width="352" controller="true" autoplay="true"></embed> </object>

  5. Object - embed • Windows media <OBJECT id='mediaPlayer' width="320" height="240" classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95' codebase="http://activex.microsoft.com/activex/controls/%20mplayer/en/nsmp2inf.cab#Version=5,1,52,701"standby='Loading Microsoft Windows Media Player components...' type='application/x-oleobject'><param name="uimode" value="none" /><param name="src" value="https://memex.hio.no/vgs/know-your-limits.wmv" /><param name="enabled" value="true" /><param name='fileName' value="https://memex.hio.no/vgs/know-your-limits.wmv"><param name='loop' value='0'><EMBED type='application/x-mplayer2'pluginspage="http://microsoft.com/windows/mediaplayer/%20en/download/"id='mediaPlayer' name='mediaPlayer' displaysize='4' autosize='0' bgcolor='darkblue' showcontrols='0' showtracker='1' videoborder3d='0' width="320" height="240"src="https://memex.hio.no/vgs/know-your-limits.wmv" autostart='1' designtimesp='5311' loop='0' enabled="true" uimode="none"></EMBED> </OBJECT>

  6. Noen øvelser YouTube på egne nettsider Start NVU Oppett filen nvu.html i mappen public_html Gå til: http://www.youtube.com/watch?v=644Jn5Viz50 Legg filmen inn filmen på siden nvu.html

  7. streaming Opprett filen streaming.html i public_html Start QuickTime - åpne url - og skriv inn: rtsp://dss.hio.no/lu/lu-uf-alu-a-it/etterutdanningskurs-28.11.2007/Web_2.0.mp4 Lag en referanse-film og legg den inn som ‘embeded’ film i streaming.html Eksperimenter med ulike størrelser, auto play, kiosk mode, etc.

  8. Progressiv nedlastning Last ned: http://home.hio.no/~bkengen/test/mpeg.zip zip-arkivet inneholder en Windows MediaPlayer-fil, Flash, mpeg 4 og mpeg 1 Lag html-sider for henholdsvis formatene nevnt over hvor du integrerer (embed) filmene med ulike innstillinger

  9. Redigering med MovieMaker Start MovieMaker og importer filmene fra zip-arkivet Lag en ny film ‘collage’ av klippene, exporter den for web og integrer den på en ny web-side som du gir et passende navn.

More Related