在网页里如何播放音频，HTML5 提供了播放音频文件的标准。使用 <audio> 元素。
至今较为常用的播放音频方法：
audio音频标签controls播放控件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>设置音频播放控件属性案例-HTML教程www.xuandaima.com</title> </head> <body> <audio controls src="/Template/Test/src/audio.mp3"> 您的浏览器不支持 audio 标签。 </audio> </body> </html>
 | HTML5 DOM 为 <audio> 和 <video> 元素提供了方法、属性和事件。可通过javascript控制音频或视频的播放、暂停、静音、返回播放位置等操作，请查阅HTML 音频/视频 document 参考手册 |
如果网页包含指向媒体文件的超链接，大多数浏览器会使用“辅助应用程序”来播放文件。
以下代码片段显示指向 mp3 文件的链接。如果用户点击该链接，浏览器会启动“辅助应用程序”来播放该文件：
<a href="/Template/Test/src/audio.mp3">点击这里，播放音乐</a>
<iframe width="250" height="250" src="/Template/Test/src/audio.mp3" ></iframe>
<embed src="/Template/Test/src/audio.mp3" width="250" height="250" ></embed>
<object data="/Template/Test/src/audio.mp3" width="250" height="250" ></object>
因windows系统safari浏览器停止更新后不支持<audio>,Internet Explorer 8 及更早IE版本不支持 <audio> 元素.
目前, <audio>元素支持三种音频格式文件: MP3, Wav, 和 Ogg:
| 浏览器 | MP3 | Wav | Ogg |
|---|---|---|---|
| Internet Explorer 9+ | YES | NO | NO |
| Chrome 6+ | YES | YES | YES |
| Firefox 3.6+ | YES | YES | YES |
| Safari 5+ | YES | YES | NO |
| Opera 10+ | YES | YES | YES |
| Format | MIME-type |
|---|---|
| MP3 | audio/mpeg |
| Ogg | audio/ogg |
| Wav | audio/wav |
| 标签 | 描述 |
|---|---|
| <audio> | 定义了声音内容 |
| <source> | 规定了多媒体资源, 可以是多个，在 <video> 与 <audio>标签中使用 |
| <object> | 定义内嵌对象。可为音频。 |
| <iframe> | 嵌入标签。可为音频。 |
| <embed> | 嵌入内容标签。可为音频。 |
