Multiple Audio-Dateien Javascript auf einer einzigen Seite

Question

So fand ich einen Code-Schnipsel für eine schnelle Audio-Wiedergabe-Taste https://siongui.github.io/2012/10/12/javascript-toggle-sound-onclick/. Ich möchte mehrere Audiodateien integrieren, aber beim Laden der Seite spielen die Audiotasten, die ich erstellt habe, nur die letzte Audiodatei ab. enter code here Wiedergabe Audio Ihr Browser unterstützt dieses Audioformat nicht.

<script type="text/javascript"> 
 
function toggleSound() { 
 
    var audioElem = document.getElementById('creditCardFem'); 
 
    if (audioElem.paused) 
 
    audioElem.play(); 
 
    else 
 
    audioElem.pause(); 
 
} 
 

 
function toggleSoun() { 
 
    var audioCreditM = document.getElementById('creditCardMa'); 
 
    if (audioCreditM.paused) 
 
    audioCreditM.play(); 
 
    else 
 
    audioCreditM.pause(); 
 
} 
 

 
</script> 
 

 
<div class="audioPlayer"> 
 
<button id="player" type="button" 
 
    onclick="javascript:toggleSound();"> 
 
    Play Audio 
 
</button> 
 
<audio id="creditCardFem"> 
 
    <source src="http://www.smartaction.com/wp-content/uploads/2015/06/Financial_Services_Credit_Card_Payment_Female_Inbound.mp3" type="audio/mpeg" type="audio/mpeg"> 
 
Your browser does not support this audio format. 
 
</audio> 
 
</div> 
 

 
<div class="audioPlayer"> 
 
<button id="player" type="button" 
 
    onclick="javascript:toggleSoun();"> 
 
    Play Audio 
 
</button> 
 
<audio id="creditCardMa"> 
 
    <source src=#"> 
 
Your browser does not support this audio format. 
 
</audio> 
 
</div>

Answer 1

Scheint, wie nur eine Audio-Datei in diesem Code verbunden ist.

<audio id="creditCardMa"> hat keine Referenz in seiner <source src="#"> Kind.