0

Hoe werkt de HTML5 audio player?

Met de oude HTML standaard was er geen standaard voor het afspelen van audio files, je had hier voor een plugin nodig zoals b.v. een Flashplayer.
HTML5 biedt een standaard voor het afspelen van audio-bestanden en streams dit doe je met de tag <audio>

Browserondersteuning voor <audio> tag in HTML5:

  • Internet Explorer 9 of hoger
  • Firefox
  • Opera
  • Chrome
  • Safari

Let op: Internet Explorer 8 en eerdere versies, geen ondersteuning voor de <audio> tag.

Welke formaten worden ondersteunt?
Op dit moment zijn er 3 ondersteunde bestandsformaten voor de <audio> tag: MP3, WAV, Ogg

Streaming en HTML5 player
Men kan zowel met Icecast als SHOUTcast streams afspelen met de HTML5 player. Belangrijk is het fomaat van je stream, zie hier de ondersteuning.

  • Internet Explorer 9.0+ MP3, AAC
  • Chrome 6.0+ Ogg Vorbis, MP3, WAV
  • Firefox 3.6+ Ogg Vorbis, WAV
  • Safari 5.0+ MP3, AAC, WAV
  • Opera 10.0+ Ogg Vorbis, WAV

+ = gelijk of hoger dan de versie

Hieronder een voorbeeld HTML5 player met Icecast v2 stream op mp3 fomaat:

Zie hieronder de code van de gebruikte  HTML5 player:

<audio width="300" height="32" 
src="http://stream.intenseradio.net:8000/live" 
controls="controls">This player do not work on this browser
</audio>

Hoe maak je voor Real audio player een luisterlink

Om voor Icecast en SHOUTcast streaming server een Real audio streaming link te maken doe je het volgende:

Code

http://ipadres:port?mode=compact

Einde Code

  1. Open kladblok
  2. Kopier de code hierboven en plak het in kladblok
  3. Bewerk je code met je eigen gegevens van je stream (dus verander Ip adres en port)
  4. Ga naar bestand > opslaan als > Tik in “listen.ram” als de bestandsnaam
  5. Ga naar bestandtype en klik aan “Alle bestanden”
  6. Opslaan en upload naar je webserver!