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

【问题标题】：Playing 2 audio files one after the other一个接一个地播放 2 个音频文件
【发布时间】：2014-09-11 09:28:29
【问题描述】：

我已经查看了这里的几个类似问题，但找不到任何相关内容。我有 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();
});

就像我说的，第一个文件播放正常，但第二个文件根本不播放。任何想法将不胜感激，谢谢。

【问题讨论】：

标签： javascript jquery html audio

【解决方案1】：

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

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

编辑：您在“getElement”中有拼写错误

这是新代码

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

【讨论】：

我仍然遇到同样的问题。也许我编码错了。我的 javascript 知识非常有限。是否有可能获得一个 jsfiddle 示例？
我将 javascript 放在标题标签中。会不会是这个问题？
把我给你的新javascript放在<script> </script>里面</body>之前
还是什么都没有。我认为这可能与音频标签有关，只是不知道要更改什么

【解决方案2】：

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

【讨论】：