javascript変数の現在のオーディオクリップの再生方法

Question

このスクリプトは動作しますが、どのようにしてjavascriptを変更すれば誰でも知っているので、// line1の 'var aud'は現在のオーディオ再生です - >その時点で7つのオーディオクリップが再生されています）、これについての何か？おかげ

<script> 
var aud = document.getElementById("myAudio"); //line1 
aud.onplay = function() { 
var aud1 = document.getElementById("myAudio1"); 
aud1.currentTime = 0; 
aud1.pause(); 
}; 

</script> 

Answer 1

<script type="text/javascript"> 
    var aud = document.getElementById("myAudio"); //line1 
    var audio = [] 
    for (var i = 1; i <= 7; i++){          
     aud.onplay = function() { 
     var audio[i] = document.getElementById("myAudio"+i); 
     audio[i].currentTime = 0; 
     audio[i].pause(); 
     }; 
    } 

</script> 

は、これは動作するはずです。もしそうでなければコメントを共有してください！

Answer 2

var audios = document.getElementsByTagName('audio'); 
 
console.log(audios) 
 
for(var i in audios) 
 
if(audios.hasOwnProperty(i)){ 
 
    var t = audios[i]; 
 
    t.onplay = function(){ 
 
    alert(t.innerHTML) 
 
    } 
 
}

<audio controls=""> 
 
    <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/ogg"> 
 
    <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg"> 
 
    Your browser does not support the audio element. 
 
</audio><audio controls=""> 
 
    <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/ogg"> 
 
    <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg"> 
 
    Your browser does not support the audio element. 
 
</audio><audio controls=""> 
 
    <source src="https://www.w3schools.com/tags/horse.ogg" type="audio/ogg"> 
 
    <source src="https://www.w3schools.com/tags/horse.mp3" type="audio/mpeg"> 
 
    Your browser does not support the audio element. 
 
</audio>

Answer 3

イベントをトリガした方1 console.logすべてのオーディオ要素のイベントリスナーを追加し、このコードでそれをする必要があります。その場合は、イベントをトリガしたオーディオ要素で何をしたいかを行います。

var aud = document.getElementsByTagName("audio"); 
aud.onplaying = function() { 
    console.log(this); 
    var playingAudio = this; 
    playingAudio.pause(); 
}