audio tag

[tagger]

Hallo zusammen,

ich will mehrere Audio-Dateien in HTML möglichst benutzerfreundlich und einfach mit mehreren Buttons per Klick verknüpfen und nur eine Start- und Pause-Funktion anbieten.

Dazu habe ich das dritte Beispiel Script von "https://www.w3.org/wiki/HTML/Elements/audio" herangezogen.

<audio id="myAudio"
 <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.mp4"
         type='audio/mp4'>
 <source src="http://media.w3.org/2010/07/bunny/04-Death_Becomes_Fur.oga"
         type='audio/ogg; codecs=vorbis'>
 Your user agent does not support the HTML5 Audio element.
</audio>
<button type="button" onclick="aud_play_pause()">Play/Pause</button>
<script>
function aud_play_pause() {
  var myAudio = document.getElementById("myAudio");
  if (myAudio.paused) {
    myAudio.play();
  } else {
    myAudio.pause();
  }
}
</script>

Ziel ist es mit drei Buttons jeweils eine andere MP3 zu starten. Diesbezglich habe ich den Code entsprechend dreimal kopiert und die Quelle angepasst.

Mein bisheriges Resultat ist, dass auf jedem der Buttons die gleich Audio-Datei abgespielt wird, obwohl ich den Pfad korrigiert habe.

Eine Anpassung der ID hat mich bisher auch nicht weitergebracht. Jedoch bin ich auch recht unerfahren im JS-Bereich.

Über eure Hilfe wurde ich mich sehr freuen.

Mit Dank im Voraus