SchreibMalWas

Audio in HTML

"Auf Webseiten gibt es die Arten Audiodateien einzubinden.
Entweder als Hintergrundmusik, als Audioplayer oder als Direktlink zur Audiodatei.
Letzteres ist jedoch nicht empfehlenswert.

Am leichtesten ist es, eine Audiodatei einfach in ein Frame einzubinden. Wenn kein entsprechender Audioplayer am Computer zur Verfügung steht, wird die Audiodatei einfach zum Download angeboten.
Hier einige Varianten von Audoplayern:

Seit dem es HTML5 gibt, ist es relativ einfach, Audiodateien auf eine Webseite einzubinden.
<audio id="mein_player" controls>
    <source src="pfad/zur/audiodatei.ogg" type="audio/ogg">
    <source src="pfad/zur/audiodatei.mp3" type="audio/mpeg">
    Ihr Browser unterstützt kein HTML5 Audio.
</audio>


Mittels Javascript object.start(); object.pause(); und object.stop(); kann der Player gesteuert werden:
Bsp.: document.getElementById("mein_player").start();

Die Embed-Methode verhält sich ähnlich dem I-Frame. Es kommt jedoch nicht zum Download der Datei, falls sie nicht unterstützt wird. Das Embed-Element ist für das Einbinden von Mutimedia-Content.
Mittels Javascript lässt sich die src des Elements ändern und somit die Musik stoppen, ändern oder starten. Es können auch Control-Bars angezeigt werden.
<embed src="pfad/zur/audiodatei.mp3" style="width:100%; height:auto;" >Ihr Browser unterstützt keine eingebetteten Frames</embed>
 
Die Object-Methode verhällt sich wie das Object-Element, der Pfad zur Datei wird jedoch mit data angegeben:
<objekt data="pfad/zur/audiodatei.mp3" style="width:100%; height:auto;">Ihr Browser unterstützt keine eingebetteten Frames</objekt>

Weitere Möglichkeiten, Audios auf der Webseite einzubinden, bilden Flash-Player an. Es existieren verschiedene Flash-Player, diese sind jedoch nur als Fallback-Lösung anzusehen, falls der Browser keine andere Variante unterstützt.

Es sollten wenn möglich immer relative Pfadangaben für die Audiodateien angegeben werden. Zudem sollte auf leserliche Dateinamen geachtet werden:
Gut: ../pfad/zur/audiodatei.mp3
Schlecht: /g3hj25fd.mp3
Schlecht: http://example.com/files/audio.mp3
Sie sind der 28687 Besucher auf Schreibmalwas-homepagetools Statistiken
=> Willst du auch eine kostenlose Homepage? Dann klicke hier! <=
"