Hintergrundmusik und HTML5 Player mit HTML5 Tag

Dieses JavaScript in die HTML vom Layout

> Layout markieren > Fenster “Layout-Eigenschaften” > Button “HTML” > “Zwischen Head Tags

<script>
function aud_play_pause() {
  var myAudio = document.getElementById("myAudio");
  if (myAudio.paused) {
    myAudio.play();
  } else {
    myAudio.pause();
  }
}
</script>

Für das HTML5 Audio Tag ein Textfeld aufziehen und den Code unten, mit Deiner MP3 Datei, in den HTML-Code Editor vom Textfeld kopieren

> Textfeld aufziehen (Cursor blinkt) > Fenster “Text-Eigenschaften” > mittlere Button oben “Text” > Button “HTML

<audio id="myAudio" autoplay loop>
   <source src="./abudtone.mp3" type="audio/mpeg">
   Dieser HTML5 Player wird von Deinem Browser nicht unterstützt.
</audio>
<button type="button" onclick="aud_play_pause()">Play/Pause</button>

.... oder einfach nur das HTML5 Audio Tag verwenden, mit seinem eigenen Player (hier ohne ‘autoplay’). loop wiederholt die Musik.

<audio controls autoplay loop>
   <source src="./Land-Of-Wizards.mp3" type="audio/mpeg">
</audio>

Musik von: abudtone.de und am Player unten von: MusicFillingStation.de

Tutorials von Thomas Frei-Herrmann

diese Seite weiter empfehlen


Counter Statistik