Javascript 在不播放音频的情况下触发onended音频事件

Javascript 在不播放音频的情况下触发onended音频事件,javascript,html,audio,javascript-events,Javascript,Html,Audio,Javascript Events,我有多个需要播放的音频文件。只有当所有的音频都被完全播放后,下一部分才会显示出来 我编写的代码会自动启动,而不会播放任何音频。 我该怎么做?这是我的密码 <!DOCTYPE html> <html> <body> <p>Press play and wait for the audio to end.</p> <audio id="myAudio" controls> <source src="horse

我有多个需要播放的音频文件。只有当所有的音频都被完全播放后,下一部分才会显示出来

我编写的代码会自动启动,而不会播放任何音频。 我该怎么做?这是我的密码

<!DOCTYPE html> 
<html> 
<body> 

<p>Press play and wait for the audio to end.</p>

<audio id="myAudio" controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>


<audio id="myAudio2" controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>



<section id='asd'>
Hsfdads
</section>
<script>
var e= document.getElementById("asd");
console.log(e.style.display);
e.style.display='none';
</script>

<script>
var count=0;
function IncrementCount() {
    count+=1;
    console.log(count);
if (count ==2){
    var e= document.getElementById("asd");
    e.style.display='block';
    alert("The audios has ended");
count=0;
}
};
var aud = document.getElementById("myAudio");
aud.onended = IncrementCount() 


var aud2 = document.getElementById("myAudio2");
aud2.onended = IncrementCount()

</script>

</body> 
</html>

按play并等待音频结束

您的浏览器不支持音频元素。 您的浏览器不支持音频元素。 Hsfdads var e=document.getElementById(“asd”); console.log(e.style.display); e、 style.display='none'; var计数=0; 函数递增计数(){ 计数+=1; 控制台日志(计数); 如果(计数=2){ var e=document.getElementById(“asd”); e、 style.display='block'; 警报(“音频已结束”); 计数=0; } }; var aud=document.getElementById(“myAudio”); aud.onended=递增计数() var aud2=document.getElementById(“myAudio2”); aud2.onended=递增计数()
我已经让它工作了

<!DOCTYPE html> 
<html> 
<body> 
<script>
var count=0;
</script>
<p>Press play and wait for the audio to end.</p>

<audio id="myAudio" onended='IncrementCount()' controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>


<audio id="myAudio2" controls onended='IncrementCount()'>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
  Your browser does not support the audio element.
</audio>



<section id='asd'>
Hsfdads
</section>
<script>
var e= document.getElementById("asd");
console.log(e.style.display);
e.style.display='none';
</script>

<script>
function IncrementCount() {
    count+=1;
    console.log(count);
if (count ==2){
    var e= document.getElementById("asd");
    e.style.display='block';
    alert("The audios has ended");
    count=0;}
};
</script>

</body> 
</html>

var计数=0;
按play并等待音频结束

您的浏览器不支持音频元素。 您的浏览器不支持音频元素。 Hsfdads var e=document.getElementById(“asd”); console.log(e.style.display); e、 style.display='none'; 函数递增计数(){ 计数+=1; 控制台日志(计数); 如果(计数=2){ var e=document.getElementById(“asd”); e、 style.display='block'; 警报(“音频已结束”); 计数=0;} };