如何将侦听器添加到音频元素以进行连续播放

Posted

技术标签:

【中文标题】如何将侦听器添加到音频元素以进行连续播放【英文标题】:how to add listeners to audio elements for continuous playback 【发布时间】:2014-07-08 07:44:59 【问题描述】:

我有一个包含多个音频元素的 html 页面,我需要连续播放这些元素,这意味着我需要每个元素在前一个元素播放完毕后开始播放。 如何分配多个侦听器来执行此操作?

【问题讨论】:

【参考方案1】:

https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Media_events - 这里是所有与音频文件相关的事件。我认为您需要使用ended 事件。

这里还有一个小例子https://***.com/a/9376544/1353837

【讨论】:

是的,我知道结束的事件,但我的问题是如何以优雅的方式编写代码?

以上是关于如何将侦听器添加到音频元素以进行连续播放的主要内容,如果未能解决你的问题,请参考以下文章

以编程方式在音频元素上设置当前 Date 属性会导致事件侦听器无限期触发

如何将事件监听器添加到tone.js中正在播放的音符中

添加事件侦听器以在 videojs 的运行时获取视频持续时间

如何在 Swift 中连续录制音频并播放同一文件中的音频?

如何将事件侦听器添加到 ag 网格单元格内的元素(使用 js 或 jquery,不是 angular,不是 reactjs,不是 vue)

将事件侦听器添加到新添加的DOM元素