HTML5 – Neuer Tag

Der Tag <audio> ist neu und dient zum Einbinden von Musik, Geräuschen  oder Streams.

Es gibt vier Attribute:

  • autobuffer = Wird das Attribut mit dem Wert “autobuffer” angegeben, dann wird der Sound zusammen mit der Webseite geladen. Autobuffer funktioniert nicht, wenn das Attribut autoplay verwendet wird.
  • autoplay = Wenn der Wert “autoplay” eingetragen ist, startet den Sound nachdem die Sounddatei geladen ist.
  • controls = Bei eingetragenen Wert “controls” wird die Steuerung angezeigt.
  • src = Als Wert muss hier der Pfad und Dateiname des Sounds angegeben werden.

Zusätzlich können

  • die Universalattribute class, contenteditable, contextmenu, dir, draggable, id, irrelevant, lang, ref, registrationmark, tabindex, template, title
  • die Eventattribute onabort, onbeforeunload, onblur, onchange, onclick, oncontextmenu, ondblclick, ondrag, ondragend, ondragenter, ondragleave, ondragover, ondragstart, ondrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmessage, onmousedown, onmousemove, onmouseover, onmouseout, onmouseup, onmousewheel, onresize, onscroll, onselect, onsubmit, onunload

verwendet werden.

Quellcode Beispiel:

<!DOCTYPE HTML>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title>Den Tag sound einsetzen</title>
  </head>
  <body>
    <h1>Meine Webseite</h1>
    <p>Das ist der Text in meiner Webseite. Der Sound wird eingebunden</p>
       <audio src="sound.ogg" controls="controls" autoplay="autoplay">
         Ihr Browser unterstützt den Tag sound nicht.
       </audio>
  </body>
</html>

Der Tag wird nur verarbeitet, wenn der Browser des Nutzers dies unterstützt!

Ansonsten wird im Beispiel der Text “Ihr Browser unterstützt den Tag sound nicht.”


Zuletzt aktualisiert von .

 

Leave a Reply

Comments are closed.