in Coderen

Windows media player in html5

Een vriend vroeg mij vanavond of een online radio dienst bij mij afspeelde. Toen ik die website bekeek, zag ik dat de player zodanig was gebouwd dat je een Windows media player plugin nodig had in je browser om het op je machine af te spelen. En aangezien die vriend van mij niet op een Windows machine zat… werkte de player niet.

Ik vroeg me gelijk af waarom dat ding niet was geschreven in html5. Maar natuurlijk kon het ook komen doordat de website eeuwen terug was gemaakt.

Ben toen gaan kijken in de broncode van de website, en dit is dus de standaard code voor een Windows media player vanuit een webpagina:

      <OBJECT id=mediaPlayer 
      standby="Loading Microsoft Windows Media Player components..." 
      codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,0,02,0902" 
      classid=CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95 width=484 height=207 
      type=application/x-oleobject><PARAM NAME="fileName" VALUE="http://38.96.175.21:5600"><PARAM NAME="animationatStart" VALUE="1"><PARAM NAME="transparentatStart" VALUE="1"><PARAM NAME="autoStart" VALUE="1"><PARAM NAME="ShowControls" VALUE="1"><PARAM NAME="ShowDisplay" VALUE="1"><PARAM NAME="ShowStatusBar" VALUE="1"><PARAM NAME="loop" VALUE="0">
 
 
      <embed     type="application/x-mplayer2"    
      pluginspage="http://microsoft.com/windows/mediaplayer/en/download/"    
      id="mediaPlayer"    displaysize="4"    autosize="0"    bgcolor="yellow"    
      showcontrols="1"    showtracker="1"    showdisplay="1"    
      showstatusbar="1"    videoborder3d="0"    width="484"    height="207"    
      src="http://38.96.175.21:5600"    autostart="0"    
      designtimesp="5311"    loop="0"> </embed>              
  </OBJECT></SPAN>

Ik pakte daaruit het adres:

http://38.96.175.21:5600

En zette dit tussen audio tags op een pagina, maar toch speelde het niet.

Ben toen gaan lezen en ontdekte dat html5 geen mp3 formaat ondersteunt. Het ondersteunt wel andere formaten w.o. .ogg.

Je kunt dus doen alsof het een .ogg bestand is, en dan speelt ie wel.

Uiteindelijk heb ik dus dit gepakt:

http://38.96.175.21:5600/sccn.ogg

De uiteindelijke code werd dus:

<!DOCTYPE html>
<html>
  <head>
 
  </head>
  <body>
     <audio controls="controls" autoplay="autoplay" src="http://38.96.175.21:5600//sccn.ogg"></audio>
  </body>
</html>‚Äč

En toen speelde het wel :D

Bekijk de player in action:

http://www.navinpoeran.com/sccn.html

Write a Comment

Comment

Anti-spam vraag: