Audio-Dateien könnt ihr in HTML5 ähnlich einfach wie Videos einbinden. HTML5 stellt dafür mit audio ein eigenes Element zur Verfügung.
<audio src="song.mp3"> Ihr Browser unterstützt das audio-Element nicht. </audio>
<audio src="song.mp3" controls> Ihr Browser unterstützt das audio-Element nicht. </audio>
Im Browser sollte das folgendermaßen aussehen:
Browser |
MP3 |
OGG |
WAV |
AU/SND |
AIF |
Firefox |
nein |
ja |
ja |
nein |
nein |
Safari |
ja |
nein |
ja |
ja |
ja |
Chrome |
ja |
ja |
nein |
nein |
nein |
Opera |
nein |
ja |
ja |
ja |
nein |
<audio controls> <source src="song.mp3"> <source src="song.ogg"> </audio>
<audio controls autoplay> <source src="song.mp3"> <source src="song.ogg"> </audio>
Wird das Attribut gesetzt, startet die Wiedergabe der Audiodatei automatisch, sobald sie geladen wurde. Dieses Attribut setzt man normalerweise nicht, da man den Besuchern die Entscheidung, wann eine Audiodatei abgespielt wird, selbst überlassen sollte.
Flash & Co. einbinden
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="800" height="600"> <param name=movie value="intro.swf"> <param name=quality value=high> <embed src="intro.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="800" height="600"> </embed> </object>
<embed src="http://www.youtube.com/v/v1PgiBpTtao?fs=1&hl=de_DE" type="application/x-shockwave-flash" width="384" height="313" allowscriptaccess="always" allowfullscreen="true" />
<embed src="flash.swf" width="600" height="300" type="application/x-shockwave-flash" quality="high" />
<object type="application/x-shockwave-flash" data="http://www.youtube.com/v/BzYBY_9rnuA?version=3&hl=de_DE&rel=0" width="400" height="300"> <param name="allowscriptaccess" value="always" /> <param name="allowfullscreen" value="true" /> <p> In Ihrem Browser ist kein Flash-Plug-in vorhanden. </p> </object>