Quantcast
Channel: Radio-streams, informatie en verkoop audio streaming pakketten.
Viewing all articles
Browse latest Browse all 40

Hoe werkt de HTML5 audio player?

$
0
0

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>

Het bericht Hoe werkt de HTML5 audio player? verscheen eerst op Radio-streams, informatie en tips voor internet radio stations!.


Viewing all articles
Browse latest Browse all 40