锐客网

  1. 首页 > 睿知 > it技术 > >

HTML音频标签

html5HTML音频标签

本文概述

  • HTML音频标签示例
  • 支持的浏览器
  • HTML音频标签的属性
  • HTML音频标签属性示例
  • HTML音频格式的MIME类型
HTML音频标签用于定义声音, 例如音乐和其他音频片段。当前, HTML 5音频标签支持三种文件格式。
  1. mp3
  2. 波形
  3. 奥格
HTML5支持< video> 和< audio> 控件。 Flash, Silverlight和类似技术用于播放多媒体项目。
下表定义了哪种Web浏览器支持哪种音频文件格式。
浏览器 mp3 波形 奥格
Internet Explorer yes no no
谷歌浏览器 yes yes yes
Mozilla Firefox yes* yes yes
Opera no yes yes
苹果Safari yes yes no
HTML音频标签示例让我们看看使用HTML音频标签播放mp3文件的代码。
< audio controls> < source src="http://www.srcmini.com/koyal.mp3" type="audio/mpeg"> Your browser does not support the html audio tag. < /audio>

【HTML音频标签】立即测试
输出：
你的浏览器不支持html音频标签。
让我们看一下使用HTML音频标签播放ogg文件的示例。
< audio controls> < source src="http://www.srcmini.com/koyal.ogg" type="audio/ogg"> Your browser does not support the html audio tag. < /audio>

支持的浏览器
Element Chrome IE Firefox Opera Safari
< audio> Yes Yes Yes Yes Yes
HTML音频标签的属性给出了HTML音频标签的列表。
属性 描述
controls 它定义了与播放/暂停按钮一起显示的音频控件。
autoplay 它指定音频将在准备就绪后立即开始播放。
loop 它指定每次完成时, 音频文件将重新开始。
muted 它用于使音频输出静音。
preload 当页面加载时, 它指定作者视图以上传音频文件。
src 它指定音频文件的源URL。
HTML音频标签属性示例在这里, 我们将使用HTML音频标签的控件, 自动播放, 循环和src属性。
< audio controls autoplay loop> < source src="http://www.srcmini.com/koyal.mp3" type="audio/mpeg"> < /audio>

立即测试
HTML音频格式的MIME类型可用的MIME类型HTML音频标签如下所示。
音讯格式 MIME类型
mp3 audio/mpeg
ogg audio/ogg
wav audio/wav

    推荐阅读


    上一篇：HTML属性

    下一篇：HTML base标签