html5 audio 顺序播放

Posted 2023-04-16

一个 audio 放了两个 source 的音频 页面加载之后自动播放第一个 之后怎么继续播放第二个呢

参考技术A 你理解错误了，audio标签的source属性不是说第一个播放完播放第二个，它是用来兼容浏览器的。不同浏览器兼容html5的播放格式是不同的。简单的说，如果浏览器第一个无法播放会用第二个，第二个不行就用第三个。目前html5只支持三种播放格式。基本上两种就能兼容全部浏览器。
而你要播放完第一个播放第二个应该要写js来控制加载。

如何在 html 5 中按顺序播放多个音频文件？

【中文标题】如何在 html 5 中按顺序播放多个音频文件？

【英文标题】：How to play multiple audio files sequentially in html 5?

【发布时间】：2014-09-10 13:46:30

【问题描述】：

我想按顺序自动播放多个音频文件。

以下代码同时播放所有音频。

<audio src="26de96c4000ceccafc415c5f191b5836.wav" autoplay ></audio>

<audio src="0001.wav" autoplay ></audio>

请指教是否可以顺序播放。

【参考方案1】：

从“音频”标签和use javascript中删除“自动播放”属性

当一个“音频”标签结束时调用“结束”方法：

<audio ... ended="nextAudioNode.play();">

http://www.w3schools.com/tags/ref_av_dom.asp