alle anderen Audio sollte aufhören, wenn aktuelle Audio-Wiedergabe und wie auf derselben Schaltfläche geklickt geklickt

Ich möchte andere Audio stoppen, wenn die aktuelle spielt und sollte Pause durch Klicken auf die gleiche Schaltfläche und durch Klicken auf die gleiche Schaltfläche wiedergegeben werden Taste plzz helfenalle anderen Audio sollte aufhören, wenn aktuelle Audio-Wiedergabe und wie auf derselben Schaltfläche geklickt geklickt

<!DOCTYPE HTML> 
 
<html> 
 
    <head> 
 
    <title>Audio</title> 
 
    </head> 
 
    <body> 
 
    <audio id="sound1" src="1.mp3" preload="auto"></audio> 
 
    <button onclick="document.getElementById('sound1').play();">Play it</button> 
 
    <audio id="sound2" src="2.mp3" preload="auto"></audio> 
 
    <button onclick="document.getElementById('sound2').play();">Play it</button> 
 
    <audio id="sound3" src="3.mp3" preload="auto"></audio> 
 
    <button onclick="document.getElementById('sound3').play();">Play it</button> 
 
    </body> 
 
</html>

Quelle

2016-07-22 Ashraf

Sie dieses Problem, indem Sie eine Funktion lösen können, die in der ID des Audio nimmt, die Sie wiedergeben möchten (1, 2 oder 3), spielt es und pausiert die anderen Audioelemente:

function playAudio(audioNumber) { 
    var audio = document.getElementById('sound' + audioNumber); 
    audio.play(); 
    var notPlaying = [1,2,3]; 
    notPlaying.splice(notPlaying.indexOf(audioNumber), 1); 
    notPlaying.forEach(function(id) { 
     document.getElementById('sound' + id).pause(); 
    }); 
};

dann diese Funktion jedes Mal ausgeführt eine Schaltfläche geklickt wird und in ihren jeweiligen IDs übergeben

<audio id="sound1" src="1.mp3" preload="auto"></audio> 
<button onclick="playAudio(1);">Play it</button> 
<audio id="sound2" src="2.mp3" preload="auto"></audio> 
<button onclick="playAudio(2);">Play it</button> 
<audio id="sound3" src="3.mp3" preload="auto"></audio> 
<button onclick="playAudio(3);">Play it</button>

Quelle

2016-07-22 20:09:11

alle anderen Audio sollte aufhören, wenn aktuelle Audio-Wiedergabe und wie auf derselben Schaltfläche geklickt geklickt

Antwort

Verwandte Themen