Javascript HTML5音频播放列表-如何在第一个音频文件结束后播放第二个音频文件？

在另一个html5完成后，我们如何在html5中播放一些音频

---

我尝试过jquery

delay（）

函数，但它根本不起作用，是否可以在html5音频中使用带计时器的

pause（）

？例如，

pause（'500'，function（）{}）？
我想这个答案会帮助你


因此，您应该使用setTimeout或setInterval，而不是单击来不断检查
。paused==false
我想您可以通过检查视频的长度来检查是否完成，并将其与max length进行比较，max length==文件结尾。
这是一个JSLinted，不引人注目的Javascript示例演示如何处理和使用
结束
。在特定情况下，您将触发
事件处理程序中第二个音频文件的播放

您可以使用下面的代码或

单击播放列表中的项目开始播放。一个音频结束后，下一个音频将开始

标记：（注意故意避免
元素之间的空格-这是为了简化使用
nextSibling
遍历DOM）

如果这是您的音频标签：

<audio id="player" src="someAudio.mp3"/>

你试过这个吗：是的，那不是为了延迟（），我的意思是第二个音频文件如何在第一个文件完成后播放，我们如何使音频在第一个文件完成后播放？有可能吗？当第一个音频结束后，第二个音频继续播放？@Val使用这种方法比响应
结束的
事件有什么好处吗？好吧，我只能提供我的知识：）我不知道结束的事件。谢谢劳埃德，这是工作发现，谢谢，但我没有使用ul li儿童电子元素dom，这就像是在bakground（一些小游戏的背景音乐）中玩otomatic游戏。这并不是为了精确解决您的问题（怎么可能，我对您的游戏一无所知）。。这是一个示例，演示如何处理
结束
媒体事件-播放结束时触发此事件。。在这个事件的处理程序中，编写一些代码来播放你的第二个音频文件。谢谢，最后它解决了我的问题，使用了一些代码，让它变得清晰，谢谢你，伙计
// globals
var _player = document.getElementById("player"),
    _playlist = document.getElementById("playlist"),
    _stop = document.getElementById("stop");

// functions
function playlistItemClick(clickedElement) {
    var selected = _playlist.querySelector(".selected");
    if (selected) {
        selected.classList.remove("selected");
    }
    clickedElement.classList.add("selected");

    _player.src = clickedElement.getAttribute("data-ogg");
    _player.play();
}

function playNext() {
    var selected = _playlist.querySelector("li.selected");
    if (selected && selected.nextSibling) {
        playlistItemClick(selected.nextSibling);
    }
}

// event listeners
_stop.addEventListener("click", function () {
    _player.pause();
});
_player.addEventListener("ended", playNext);
_playlist.addEventListener("click", function (e) {
    if (e.target && e.target.nodeName === "LI") {
        playlistItemClick(e.target);
    }
});​


​

<audio id="player" src="someAudio.mp3"/>

var audio = document.getElementById("player");
audio.addEventListener("ended", function() {
    audio.src = "nextAudio.mp3";
    audio.play();
});