Egbert Kappert webdesign muziek en fotografie Egbert Kappert


Het html5 audio object

Gepost op: Door: Egbert Kappert
Retro studio picture met man en vrouw.
Retro studio foto

Een overzicht van de ondersteuning van het html5 audio object.

Welke browsers ondersteunen het audio object?

Het audio element wordt door de volgende browsers ondersteund:

  • Internet Explorer 9+
  • Firefox
  • Opera
  • Chrome
  • Safari

Notitie: Internet Explorer 8 en eerdere versies ondersteunen het <audio> element niet. Voor ondersteuning in Internet explorer 8 en eerder kun je een audio fallback gebruiken.

Hoe ziet dat er uit in code?

Om het audio element te gebruiken in html gebruik je de volgende code:

								
									<audio controls>
<source src="http://muesca.nl/media/muesca-public_demo-02-heartbeat.ogg" type="audio/ogg">
<source src="http://muesca.nl/media/muesca-public_demo-02-heartbeat.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

In de browser ziet dat er dan als volgt uit: