HTML5的两个重要元素audio和video,对于这两个元素,HTML5规范提供了通用、完整、可脚本化控制的API。
audio元素来播放声音文件或音频流,controls属性用于提供播放、暂停和音量控件,音频不加这个特性,那么页面上任何信息都不会出现,因为音频元素唯一可视化信息就是对于的控制界面。使用source元素来连接到不同的音频文件,浏览器会自动选择第一个可以识别的格式。
<audiosrc="samplesong.mp3" controls="controls"></audio>
在audio元素中设置autoplay和loop属性实现循环播放一首背景音乐。
<audioautoplay loop>
video元素来播放视频文件或视频流。controls属性用于提供播放、暂停和音量控件,也可以包含宽度和高度属性,如果不加这个特性,那么在播放的时候就不会显示控制界面。
<video src="samplesong.mp3"controls="controls"></video>
设置autoplay属性,不需要任何用户交互,音频或视频文件就会在加载完后自动播放。
autobuffer属性:可读写属性,使用该属性可以使audio和video元素实现自动缓冲,默认值为false。
<audio controls="controls" autobuffer="true"></audio>
autoplay可读写属性可以实现页面加载音频后一旦就绪即开始自动播放。
<audio controls="controls" autoplay="autoplay"></audio>
buffered只读属性用于返回一个TimeRanges对象,确认浏览器已经缓存媒体文件。
controls可读写属性可以位媒体文件提供用于播放的控制条,包含播放、暂停、定位、时间显示、音量控制、全屏切换等常用控件,为布尔值。