Question

我已经在这里查看过几个类似的问题但无法找到相关内容。我有2个音频文件。第一个在页面加载时播放，它工作正常。我希望第一个音频文件在第一个音频文件结束后立即播放，我也需要第二个文件无限循环。这是我到目前为止所尝试的：

<body>
<audio autoplay id="audio_1" src="./audio1.wav"></audio>
<audio loop id="audio_2" src="./audio_2.wav"></audio>
</body>

和javascript：

var audio = document.getElmentById("audio_1");
audio.addEventListener("ended", function() {
audio.src = "./audio_2.wav";
audio.play();
});

就像我说的那样，第一个文件播放正常，但第二个文件根本没有播放。非常感谢任何想法，谢谢。

Answer 1

您应该尝试创建两个变量：

var audio = document.getElmentById("audio_1");
var audio2 = document.getElmentById("audio_2");
audio2.pause();
audio.addEventListener("ended", function() {
   audio_2.play();
});

编辑：您在＆＃34; getElement＆＃34;中遇到了拼写错误

这是新代码

var audio = document.getElementById("audio_1");
var audio2 = document.getElementById("audio_2");
audio2.pause();
audio.addEventListener("ended", function () {
 audio2.play();
});

Answer 2

尝试将第二个.wav定义为JS varibale，然后为其触发器设置超时，这样一旦第一个完成，第二个将开始。完成后，您只需要为第二个.wav编写循环代码。

一个接一个地播放2个音频文件

2 个答案: