Homepage - Dietmar Reinke
Technologien

WebVideo - Videos im Internet (Projektende 2012)

Vorgaben: Webserver Apache 2 mit php, Videoformate: wmv, mp4, flv, ogv und webm

  • Videos werden in die Endformate konvertiert und nach Möglichkeit mit Meta-Daten versehen
  • je ein Standbild als Vorschaubild speichern
  • Informationen in einer XML-Datei ablegen (Pfade, Texte, Größe ...)
  • Übergabe der Abmessungen an Vorschaubild und Videos
  • Anzeige mit Vorschau (Standbild) und Informationen
  • Auswahl des Videoformates bei fehlender Unterstützung von html5 (flv)
  • Videos werden auch als Download angeboten

Einbindung der Videos

Das Video-Element (html5) wird von einigen Browsern ohne Zusatzplayer unterstützt. Damit zeigt z.B. Firefox nicht das flv-Video sondern das ogv-Video an. Sollte ein Browser dieses Element nicht unterstützen, kann das Video über einen Player abgespielt werden.

  • <video width="320" height="240" controls
  • <source src="video.webm" type="video/webm" />
  • <source src="video.ogv" type="video/ogg" codecs="theora, vorbis">
  • <source src="video.mp4" type="video/mp4" codecs="avc1.42E01E,mp4a.40.2">
  • Player Vorauswahl: flv, (wmv oder mp4)
  • </video>

Adobe Flash-Player: FLVPlayer als object und embed

<object id="FLVPlayer" height="240" width="320" 
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0"  
 classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> 
 <param value="/flv/FLVPlayer_Progressive.swf" name="movie"/> 
 <param value="lt" name="salign"/> 
 <param value="high" name="quality"/> 
 <param value="noscale" name="scale"/> 
 <param value="&MM_ComponentVersion=1&skinName=/flv/Clear_Skin_1&streamName=video&autoPlay=false&autoRewind=false" name="FlashVars"/> 
 <embed height="240" width="320" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"  
 type="application/x-shockwave-flash" salign="LT" name="FLVPlayer" scale="noscale" quality="high" flashvars="&MM_ComponentVersion=1&skinName=/flv/Clear_Skin_1&streamName=video&autoPlay=false&autoRewind=false" src="/flv/FLVPlayer_Progressive.swf"/> 
 </object> 

Microsoft Windows Media Player (object), x-mplayer2 (embed)

<object id="MediaPlayer" classid="clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6"  
 type="application/x-oleobject" standby="Loading Microsoft Windows Media Player components..."  
 height="240" width="320" titel="Titel"> 
 <param name="enabled" value="true" /> 
 <param name="enablecontextmenu" value="true" /> 
 <param name="url" value="video.wmv" /> 
 <param name="autostart" value="false" /> 
 <param name="uimode" value="full" /> 
 <embed type="application/x-mplayer2" 
 pluginspage="http://microsoft.com/windows/mediaplayer/en/download" id="mediaplayer"  
 name="mp" height="240" width="320" src="video.wmv" 
 controller="true" showstatusbar="1" enablecontextmenu="true" enabled="true" volume="yes"  
 invokeurls="true" autosplay="false" autostart="false" titel="Titel"> 
 </embed> 
</object>

Apple Quicktime Player (object und embed)

<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B"  
 codebase="http://www.apple.com/qtactivex/qtplugin.cab"  
 height="240" width="320" type="video/mp4" title="Titel"> 
 <param name="src" value="video.mp4" /> 
 <param name="autoplay" value="false" /> 
 <param name="controller" value="true" /> 
 <embed height="240" width="320" pluginspage="http://www.apple.com/quicktime/download/"  
 src="video.mp4" type="video/mp4" controller="true" autoplay="false"></embed>  
</object>