HTML5 Audio 音频

HTML5 提供了 <audio> 元素用于播放音频文件的标准

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9+, Firefox, Opera, Chrome, 和 Safari 都支持 <audio> 元素

注意: Internet Explorer 8 及更早 IE 版本不支持 <audio> 元素


HTML5 Audio - 如何工作

如果想要在 HTML5 中播放音频,可以如下方式使用 <audio> 元素

<audio controls>
  <source src="/static/i/html/horse.ogg" type="audio/ogg">
  <source src="/static/i/html/horse.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素
</audio>

运行范例 »

  1. 属性 <control> 供添加播放、暂停和音量控件
  2. 在 <audio> 与 </audio> 之间需要插入浏览器不支持的 <audio>元素的提示文本
  3. <audio> 元素允许使用多个 <source> 元素

    <source> 元素可以链接不同的音频文件,浏览器将使用第一个支持的音频文件

音频格式及浏览器支持

<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

音频格式的 MIME 类型

格式 MIME-type
MP3 audio/mpeg
Ogg audio/ogg
Wav audio/wav

HTML5 Audio 标签

标签 描述
<audio> 定义了声音内容
<source> 设置多媒体资源, 可以是多个,在 <video> 与 <audio> 标签中使用
关于   |   FAQ   |   我们的愿景   |   广告投放   |  博客

  简单教程,简单编程 - IT 入门首选站

Copyright © 2013-2022 简单教程 twle.cn All Rights Reserved.