声音在HTML中可以以不同的方式播放.
HTML5 <audio> 元素是一个 HTML5 元素，在 HTML 4 中是非法的，但在所有浏览器中都有效。
The <audio> element works in all modern browsers.
浏览器兼容性
格中的数字表示支持该属性的第一个浏览器版本号。
| 元素 | |||||
|---|---|---|---|---|---|
| <audio> | 4.0 | 9.0 | 3.5 | 4.0 | 10.5 |
以下我们将使用 <audio> 标签来描述 MP3 文件(Internet Explorer、Chrome 以及 Safari 中是有效的), 同样添加了一个 OGG 类型文件(Firefox 和 Opera浏览器中有效).如果失败，它会显示一个错误文本信息:
Audio实例
<audio controls>
<source src="***.mp3" type="audio/mpeg">
<source src="***.ogg" type="audio/ogg">
Your browser does not support this audio format.
</audio>audio问题:
- <audio> 标签在 HTML 4 中是无效的。您的页面无法通过 HTML 4 验证。
- 您必须把音频文件转换为不同的格式。
- <audio> 元素在老式浏览器中不起作用。
音频格式兼容
下面的例子使用了两个不同的音频格式。HTML5 <audio> 元素会尝试以 mp3 或 ogg 来播放音频。如果失败，代码将回退尝试 <embed> 元素。
最佳兼容实例
<audio controls height="100" width="100">
<source src="***.mp3" type="audio/mpeg">
<source src="***.ogg" type="audio/ogg">
<embed height="50" width="100" src="***.mp3">
</audio>问题:
- 您必须把音频转换为不同的格式。
- <embed> 元素无法回退来显示错误消息。
讨论区