html5关于视频和音频
2013-01-10 23:19
369 查看
视频:video
音频: audio
不同的浏览器支持媒体的编码格式不同
属性:
src:媒体源
autoplay:是否自动播放
preload:预算加载数据(none:不预加载任何数据,metadata:预加载媒体的元数据,auto:预加载全部的数据)
poster:(video元素,如果媒体数据不可用时,可以使用该属性向用户展示一幅替代用的图片)
controls:控制面板
error:在下载数据,播放数据时为null,出现错误时会有以下几个值:
1:媒体数据在下载过程中由于用户操作所导致错误
2:确认媒体资源可用,但是在下载过程中由于网络原因而导致错误
3: 确主媒体资源可用,但是解码时发生错误
4:媒体资源不可用媒体格式不被支持
networkState:读取当前的网络状态
0:元素处于初始化状态
1:浏览器已选择好用什么编码格式来播放媒体了,但尚未建立网络连接
2:媒体数据加载中
3:没有支持的编码格式,不执行加载
currentSrc:可以读取媒体正在播放的资源
buffered:返回一个TimeRanges对象,这个对象表示浏览器是否对媒体数据进行了缓存,如果缓存了他的length属性返回1
readyState:返回媒体当前播放位置的就绪状态
0:没有获取到媒体的任何信息,当前播放位置没有数据
1:获取到足够的媒体数据,但是当前的媒体数据不可用
2:获取到当前播放的数据,但是没有获取到下一帧的数据
3:获取到当前播放的数据,也获取到了下一帧的数据
4:获取到当前播放的数据,也获取到了下一帧的播放数据,浏览器可以确保媒体是某一种速度进行加载
seeking:表示浏览器是否正在请求媒体某一特定位置的数据,
seekable:返回一个TimeRange对象,表示请求到数据的时间范围
currentTime:表示媒体当前播放的位置,可以指定为某一个位置
startTime:表示媒体播放的开始时间,和般为0
duration:可以读取媒体文件总的播放时间
played:返回一个TimeRange,表示已播放媒体的数据,开始时间为已播放数据开始时间,结束时间为已播放数据的结束时间
paused:表示媒体是否处于暂停状态
ended:表示媒体是否已播放完毕
palybackRate:获取和设置媒体当前的播放速率
defaultPlaybackRage:获取和设置媒体默认的播放速率
volume:获取和设置媒体的音量。0表示静音
muted:获取和设置媒体的静态状态,true表示静音
方法:
play():播放媒体,会将paused属性设为false
pause():暂停媒体,会将paused属性设为true
load():重新加载媒体,并将playbackRate属性设置为defaultPlaybackRate属性,error的值为null
canPlayType('ogg/theora;codecs="theora,vorbis"'):用来判断浏览器是否支持播放某种类型的媒体
空字符串:表示不支持
maybe:表示有可能支持
probably:表示一定支持
事件:
timeupdate
音频: audio
不同的浏览器支持媒体的编码格式不同
浏览器 | 视频编码格式 | 音频编码格式 |
IE9+ | H.264,vp8 | mp3,wav |
FF4+ | ogg theora,vp8 | ogg vorbis,wav |
opera 10+ | ogg theora,vp8 | ogg vorbis,wav |
chrome 6+ | H.264,ogg theora,vp8 | ogg vorbis,mp3 |
src:媒体源
autoplay:是否自动播放
preload:预算加载数据(none:不预加载任何数据,metadata:预加载媒体的元数据,auto:预加载全部的数据)
poster:(video元素,如果媒体数据不可用时,可以使用该属性向用户展示一幅替代用的图片)
controls:控制面板
error:在下载数据,播放数据时为null,出现错误时会有以下几个值:
1:媒体数据在下载过程中由于用户操作所导致错误
2:确认媒体资源可用,但是在下载过程中由于网络原因而导致错误
3: 确主媒体资源可用,但是解码时发生错误
4:媒体资源不可用媒体格式不被支持
networkState:读取当前的网络状态
0:元素处于初始化状态
1:浏览器已选择好用什么编码格式来播放媒体了,但尚未建立网络连接
2:媒体数据加载中
3:没有支持的编码格式,不执行加载
currentSrc:可以读取媒体正在播放的资源
buffered:返回一个TimeRanges对象,这个对象表示浏览器是否对媒体数据进行了缓存,如果缓存了他的length属性返回1
readyState:返回媒体当前播放位置的就绪状态
0:没有获取到媒体的任何信息,当前播放位置没有数据
1:获取到足够的媒体数据,但是当前的媒体数据不可用
2:获取到当前播放的数据,但是没有获取到下一帧的数据
3:获取到当前播放的数据,也获取到了下一帧的数据
4:获取到当前播放的数据,也获取到了下一帧的播放数据,浏览器可以确保媒体是某一种速度进行加载
seeking:表示浏览器是否正在请求媒体某一特定位置的数据,
seekable:返回一个TimeRange对象,表示请求到数据的时间范围
currentTime:表示媒体当前播放的位置,可以指定为某一个位置
startTime:表示媒体播放的开始时间,和般为0
duration:可以读取媒体文件总的播放时间
played:返回一个TimeRange,表示已播放媒体的数据,开始时间为已播放数据开始时间,结束时间为已播放数据的结束时间
paused:表示媒体是否处于暂停状态
ended:表示媒体是否已播放完毕
palybackRate:获取和设置媒体当前的播放速率
defaultPlaybackRage:获取和设置媒体默认的播放速率
volume:获取和设置媒体的音量。0表示静音
muted:获取和设置媒体的静态状态,true表示静音
方法:
play():播放媒体,会将paused属性设为false
pause():暂停媒体,会将paused属性设为true
load():重新加载媒体,并将playbackRate属性设置为defaultPlaybackRate属性,error的值为null
canPlayType('ogg/theora;codecs="theora,vorbis"'):用来判断浏览器是否支持播放某种类型的媒体
空字符串:表示不支持
maybe:表示有可能支持
probably:表示一定支持
事件:
timeupdate
相关文章推荐
- HTML5--关于音频和视频
- html5中关于音频--视频的播放
- 关于xcode本地,网络的视频,音频不播放
- 如何在html5页面中嵌入音频 和视频?
- HTML5 Video与Audio 视频与音频
- html5---音频视频播放
- 【HTML5学习笔记】9:音频和视频的嵌入
- Html5常用语义标签、拖拽功能、音频、视频总结
- HTML5--视频,音频
- HTML5音频与视频实例(带声音的导航、视频与canvas结合、自制播放器)
- 关于在asp.net中播放MP4格式的视频(好吧,只兼容支持html5的浏览器,ie8及以下的都歇菜了)
- HTML5 音频,视频,插件
- HTML5媒体(音频/视频)
- HTML5 音频和视频(20160808-0008)
- 关于html音频以及视频标签video audio标签的实例
- 解决chromium对html5 标签的 mp3 等视频音频网页的兼容性问题
- 在 Windows Server 2008 (R2)上的IE9不支持HTML5 视频与音频解决办法
- HTML5 audio与video标签实现视频播放,音频播放
- html5音频和视频
- HTML5-音频audio和视频video标签