HTML5中的video&audio
来源:互联网 发布:世界首家网络银行是 编辑:程序博客网 时间:2024/05/29 13:16
/** * 对于html5所新增的标签audio和video * (ie9+) * 1.有以下几个属性: * a.autoplay:自动播放 * b.controls:开启控制器(就是暂停/开始等自带的按钮) * (如果既不设置autoplay和controls那么只能使用js来开启播放) * c.type:指定播放的音频/视频的类型 * 对于video还有poster属性指定视频在缓冲的时候显示的图片 * 在audio/video标签中还可以使用source标签来指定不同的资源当第一个不能播放的时候就会使用第二个 * 在audio/video中的文本会在不支持html5标签的时候显示 * * 2.video和audio接口: * autoplay:取得和设置自动播放的布尔值 * controls:取得和设置控制器的布尔值 * paused:表示是否暂停 * currentTime:获取已经播放的秒数 * defaultPlaybackRate:获取默认播放速度(需要在设置完之后使用load函数重新再加载一遍) * duration:获取媒体的总时间(要等加载完才能获取到,不然就是NaN) * ended:表示媒体是否播放完成 * loop:设置和取得媒体是否重复播放 * muted:设置和取得媒体是否静音 * networkState:表示媒体网络状态(0表示空,1表示正在加载,2表示在加载元数据,3表示已经加载了第一帧,4表示加载完毕) * playbackRate:设置和取得当前播放速度(4.0播放速度已经快到极限了,5.0就听不到声音了(应该是加载速度跟不上了)) * readyState:表示媒体是否就绪(0表示数据不可用,1表示可以显示当前帧,2表示可以开始播放,3表示可以从头博到尾) * src:表示媒体资源的url(如果是使用source那么是由source来调用) * volume:这是当前的音量(0.0~1.0) * buffered:获取缓冲范围(buffered.satrt(0):获取第一段缓冲的开始, * buffered.end(0):获取第一段缓冲的结束,当出现跳跃播放的时候会出现不止一个范围) * currentSrc:获取当前媒体的url(只有在播放的时候才能获取到) * seekable:获取寻址范围 * seeking:表示视频是否在跳跃(即是否在寻址) * * 3.事件: * abort:下载中断的时候触发 * canplay:可以播放的时候触发:readyState为2 * canplaythrough:播放可以继续并且应该不会中断:readyState为3 * canshowcurreentframe:可以显示当先帧:readyState为1 * dataunavilable:资源获取不到:readyState为0 * durationchange:播放总时间改变 * emptied:网络连接关闭 * empty:发生错误阻止了媒体下载 * ended:播放结束 * error:下载时网络错误 * loadeddata:第一帧加载完毕 * loadedmetadata:元数据加载完毕 * loadedstart:下载开始 * pause:播放暂停 * play:开始播放 * playing:实际开始播放 * progress:正在下载 * ratechange:播放速度改变 * seeked:搜索结束 * seeking:正在移动到新的位置 * stalled:尝试下载,但是没接收到数据 * volumechange:音量改变 * waiting:播放暂停,等待加载更多数据 * */
阅读全文
0 0
- HTML5中的video&audio
- 浅谈HTML5中的<audio>和<video>
- HTML5中的video元素和audio元素
- HTML5 video audio
- HTML5 video && audio
- html5 video/audio
- html5 audio video output
- <html5>video和audio
- HTML5 Video和Audio
- html5 audio,video 操作方法
- HTML5-多媒体 video +audio
- HTML5-video、audio标签
- HTML5 audio 和 video
- HTML5 audio与video
- html5多媒体Video/Audio
- Capturing Audio & Video in HTML5
- Capturing Audio & Video in HTML5
- HTML5 Video/Audio播放本地文件
- Ubuntu16.04 安装 Figaro
- 第十节:定位以及切换frame(iframe)
- Python中变量的命名和使用
- 非空验证工具类String
- leeetcode283. Move Zeroes
- HTML5中的video&audio
- 欢迎使用CSDN-markdown编辑器
- leetcode27. Remove Element
- Dx 79 error; aborting
- Nginx Rtmp Module Study 之基本数据结构ngx_module_t
- 【07】Bootstrap — Form表单
- 如何使用JavaScript
- 信号
- 1.1 开始第一幅“码绘”——以编程作画的基本方法