HTML5音频与视频

HTML5的两个重要元素audiovideo,对于这两个元素,HTML5规范提供了通用、完整、可脚本化控制的API

audio元素来播放声音文件或音频流,controls属性用于提供播放、暂停和音量控件,音频不加这个特性,那么页面上任何信息都不会出现,因为音频元素唯一可视化信息就是对于的控制界面。使用source元素来连接到不同的音频文件,浏览器会自动选择第一个可以识别的格式。

<audiosrc="samplesong.mp3" controls="controls"></audio>

audio元素中设置autoplayloop属性实现循环播放一首背景音乐。

<audioautoplay loop>

video元素来播放视频文件或视频流。controls属性用于提供播放、暂停和音量控件,也可以包含宽度和高度属性,如果不加这个特性,那么在播放的时候就不会显示控制界面。

<video src="samplesong.mp3"controls="controls"></video>

设置autoplay属性,不需要任何用户交互,音频或视频文件就会在加载完后自动播放。

autobuffer属性:可读写属性,使用该属性可以使audiovideo元素实现自动缓冲,默认值为false

<audio  controls="controls" autobuffer="true"></audio>

autoplay可读写属性可以实现页面加载音频后一旦就绪即开始自动播放。

<audio  controls="controls" autoplay="autoplay"></audio>

buffered只读属性用于返回一个TimeRanges对象,确认浏览器已经缓存媒体文件。

controls可读写属性可以位媒体文件提供用于播放的控制条,包含播放、暂停、定位、时间显示、音量控制、全屏切换等常用控件,为布尔值。

原文地址:https://www.cnblogs.com/liuling608/p/6804267.html