HTML5中的video&audio

来源:互联网 发布:世界首家网络银行是 编辑:程序博客网 时间:2024/05/29 13:16
/** *  对于html5所新增的标签audiovideo *  (ie9+) *  1.有以下几个属性: *      a.autoplay:自动播放 *      b.controls:开启控制器(就是暂停/开始等自带的按钮) *      (如果既不设置autoplaycontrols那么只能使用js来开启播放) *      c.type:指定播放的音频/视频的类型 *      对于video还有poster属性指定视频在缓冲的时候显示的图片 *      audio/video标签中还可以使用source标签来指定不同的资源当第一个不能播放的时候就会使用第二个 *      audio/video中的文本会在不支持html5标签的时候显示 * *  2.videoaudio接口: *      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:可以播放的时候触发:readyState2 *      canplaythrough:播放可以继续并且应该不会中断:readyState3 *      canshowcurreentframe:可以显示当先帧:readyState1 *      dataunavilable:资源获取不到:readyState0 *      durationchange:播放总时间改变 *      emptied:网络连接关闭 *      empty:发生错误阻止了媒体下载 *      ended:播放结束 *      error:下载时网络错误 *      loadeddata:第一帧加载完毕 *      loadedmetadata:元数据加载完毕 *      loadedstart:下载开始 *      pause:播放暂停 *      play:开始播放 *      playing:实际开始播放 *      progress:正在下载 *      ratechange:播放速度改变 *      seeked:搜索结束 *      seeking:正在移动到新的位置 *      stalled:尝试下载,但是没接收到数据 *      volumechange:音量改变 *      waiting:播放暂停,等待加载更多数据 * */
原创粉丝点击