miholzi: Audio-Wiedergabe mittels Javascript

Beitrag lesen

SELF-Forum

Audio-Wiedergabe mittels Javascript

miholzi (Versionen)
– Informationen zu den Bewertungsregeln

Hallo zusammen,

ich erstelle gerade eine einzelne HTML-Seite, die verschiedene Sounddateien bei Mausklick wiedergeben soll. Hatte das zuerst mit dem AUDIO-Objekt probiert, was einwandfrei funktionierte. Doch auf dem Tablet hat das Control-Element vom Aduio-Objekt mein Layout nicht so dargestellt wie ich möchte. Dann habe ich im Netz eine Anleitung gefunden, das mit hilfe eines Scripts zu erledigen. Das funktioniert prima, allerdings nur mit einer Audio-Datei, ich habe aber 12.

Das wäre mein Code:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Test</title>
    <link href="design.css" rel="stylesheet">
  </head>
  <body>
    <script type="text/javascript">
function toggleSound() {
  var audioElem = document.getElementById('audio');
  if (audioElem.paused)
    audioElem.play();
  else
    audioElem.pause();
}

</script> <p> <audio id="audio" preload="none"> <source src="audio/alpen.mp3"></audio>
      <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button>
    <audio id="audio"> <source src="audio/alpen.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio>
     
    <audio id="audio" preload="none"> <source src="audio/zug.mp3" type="audio/mpeg"> </audio>
    <button id="audio" type="button" onclick="javascript:toggleSound();">Start/Stop</button>
    <audio id="audio"> <source src="audio/zug.mp3" type="audio/mpeg">Your browser does not support this audio format. </audio>
    <br>
    </p>
    
  </body>
</html>

Ich kenne mich leider nur etwas aus und bin auf euere Hilfe angewiesen. Das sieht man schon daran, dass ich es nicht schaffe, den Quelltext hier ordentlich einzusetzen.

Vielen Dank für euere Hilfe, Michael

Beitrag melden
–
Informationen zu den Bewertungsregeln