使用 HTML5 播放音频

Posted 2023-02-25

【中文标题】使用 HTML5 播放音频

【英文标题】：Playing audio with HTML5

【发布时间】：2010-02-19 22:46:13

【问题描述】：

我想支持在带有 html5 的网页上播放音频。目前我支持带有嵌入式媒体播放器的 IE。页面上的 javascript 与媒体播放器控件交互以启动、停止、跳过、更改音量等。 我想用 HTML5 对音频进行同样的控制。音频对象可以使用什么样的接口？

【参考方案1】：

最简单的情况是在代码中放置一个音频标签，其中 src 指向您的音频文件。 从 JavaScript 获取元素后，您将拥有 a bunch of methods available。

例子：

var audio_file1 = document.getElementById('audio_tag_id');
audio_file1.play();

如果仍想处理后备情况并在仍然不支持音频标签的浏览器（如 IE）中显示当前播放器，请按照本教程中的步骤操作： http://www.html5rocks.com/samples/audio/quick/

【参考方案2】：

参见the spec for the interface（但不要指望浏览器中的完整实现）

【讨论】：

Chrome 的最新（DEV 版本）是否完全支持此功能？它会播放标准的 WAV PCM（未压缩）文件吗？