HTML5 als Designwerkzeug - Apps mit HTML5 und CSS3: Fur iPad, iPhone und Android - page 171

<audio src="sound.mp3" controls="true"></audio>
4
Abbildung 4.35 Eine Audiodatei in Google Chrome
Auch Sounds können automatisch beim Laden der Website abgespielt werden. Wie
beim video -Element geschieht dies durch den autoplay -Parameter:
<audio src="sound.mp3" autoplay="true"></audio>
Auch hier können Sie die Kurznotation verwenden:
<audio src="sound.mp3" autoplay controls></audio>
Leider haben Sie keinen direkten Einfluss auf die Bedienelemente Ihres Audioplay-
ers. Sie können sie lediglich ein- und ausschalten. Da sich das audio -Element aber
auch mit JavaScript steuern lässt, können Sie Bedienelemente mit HTML komplett
selbst entwerfen und per CSS gestalten.
jPlayer
Komplexere Einsätze von Audiodateien meistern Sie am besten mit jPlayer . Das
Open-Source-Werkzeug stellt alle wichtigen Funktionen zur Verfügung (Abbildung
4.36): http://www.jplayer.org
Eine typische Integration sieht dann in etwa so aus:
$("#audio").jPlayer({
ready: function () {
$(this).jPlayer("setMedia", {
mp3: "/media/mysound.mp3"
});
},
supplied: "mp3"
});