HTMLとJavaScriptでのオーディオファイルのグループの再生方法は？

<html> 
<body> 
<audio autoplay id ="audio_1" src = "./Dusty.wav"></audio> 
<audio loop id = "audio_2" src = "./Dusty3.wav"></audio> 
<audio loop id = "audio_3" src = "./Dusty2.wav"></audio> 
<!-- <input type = "button" value = "play" onClick="audiofun();" --> 
</body> 
<script> 
// audiofun() 
// { 
    var audio = document.getElementById("audio_1"); 
    var audio2 = document.getElementById("audio_2"); 
    var audio3 = document.getElementById("audio_3"); 
    // audio2.pause(); 
    // audio3.pause(); 
    audio.addEventListener("ended", function() {audio2.play();}) 
    audio2.addEventListener("ended", function() {audio3.play();}) 


// }  
</script> 
</html>

このコードを実行すると、audio2.play（）は継続的に再生され、audio3.playは再生されません。誰でも私のエラーに光を当てることができます...事前に感謝HTMLとJavaScriptでのオーディオファイルのグループの再生方法は？

出典

2017-05-15 Venu Gopal

あなたの問題はあなたの問題は、あなたのオーディオタグのプロパティ "ループ"から来るように感じる。多分あなたは試してみるべきです：

<audio id = "audio_2" src = "./Dusty3.wav"></audio> 
<audio id = "audio_3" src = "./Dusty2.wav"></audio>

あなたの最初と2番目のオーディオにイベントリスナーを追加してください。うまくいけば、これはあなたを助けthis post

：

var audio = document.getElementById("audio_1"); 
var audio2 = document.getElementById("audio_2"); 
var audio3 = document.getElementById("audio_3"); 
document.getElementById('audio_1').addEventListener('ended',audio_1Handler,false); 
function audio_1Handler(e) { 
    audio2.play(); 

} 
document.getElementById('audio_2').addEventListener('ended',audio_2Handler,false); 
function audio_2Handler(e) { 
    audio3.play(); 

}

上記のスニペット

は、高度のインスピレーションを得ています。お気軽にご質問ください。

出典

2017-06-15 19:10:34 TinkeringMatt

HTMLとJavaScriptでのオーディオファイルのグループの再生方法は？

答えて

関連する問題