21xrx.com
2024-12-19 11:57:37 Thursday
登录
  

HTML5 音频播放

HTML5提供了一个标准来播放音频文件.

网页上的音频

在HTML5之前,网页上播放音频文件是没有标准的.

在HTML5之前,音频文件只能通过插件来进行播放(例如:flash).

HTML5的<audio>元素指定一个标准在网页上嵌入音频.

HTML <audio>元素

要在HTML里播放音频,用<audio>元素:

HTML 音频 - 是怎么工作的

controls属性添加音频控制按钮,例如:播放,暂停和音量.

<audio>和<audio>之间的文字会在浏览器不支持<audio>标签时显示.

多个<source>元素可以连接到不同的音频文件.浏览器将播放第一个能识别的格式.

HTML 音频 - 浏览器支持

目前,<audio>元素支持三种文件格式:MP3,Wav和Ogg.

浏览器MP3WavOgg
{{item['browser']}}{{item['mp3']}}{{item['wav']}}{{item['ogg']}}

HTML 音频 - 媒体类型

文件格式媒体类型
{{item['fileFormat']}}{{item['mediaType']}}

HTML 音频 - 方法,属性和事件

HTML5给<audio>元素定义DOM方法,属性和事件

这可以允许你加载,播放和停止音频,还有设置播放时长和音量.

也有DOM事件提醒,当音频开始播放,是否暂停等等.

要看完整的DOM介绍,到我们的HTML5 音频/视频 DOM参考.

HTML5 音频标签

标签描述
{{item['tag']}}{{item['description']}}
  
  

评论区

{{item['qq_nickname']}}
()
回复
回复
21技术    www.21xrx.com 备案号:蜀ICP备17043188号-2