Preloader

Bij een jaarabonnement stream je tot 2 maanden gratis. Wij leveren ook webhosting

Hoe werkt de HTML5 audio player?

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>

2 Comments

  • Edwin
    15 oktober 2013

    Is er ergens een overzicht te vinden van de Nederlandse radiostations die uitzenden in dit HTML5 formaat?

  • Paul Hattink
    27 oktober 2013

    Hi On Line Radio werkt met deze player.
    Het is fantastisch en snel ! Dank voor de tip
    http://www.hionline.eu

Comments are closed.

Meld je aan voor onze nieuwsbrief

    Onze focus ligt op perfecte geluidskwaliteit, snelheid en stabiliteit. Wij leveren radio-streams die klinken zoals ze bedoeld zijn helder, veilig en zonder onderbrekingen.

    Contact

    Copyright © 2025 Radio-Streams.Net - Radio audio streaming server provider

    Privacyoverzicht

    Deze site maakt gebruik van cookies, zodat wij je de best mogelijke gebruikerservaring kunnen bieden. Cookie-informatie wordt opgeslagen in je browser en voert functies uit zoals het herkennen wanneer je terugkeert naar onze site en helpt ons team om te begrijpen welke delen van de site je het meest interessant en nuttig vindt.