JavaScript video 视频 API

标签属性

• src：要播放的音频/视频的 URL。
• controls：显示音频/视频播放控件
• loop：音频/视频结束后重新播放
• muted：音频/视频静音
• width：播放区宽度
• height：播放区高度
• poster：预览图片

属性

• audioTracks：返回可用音频轨道的 Audio TrackList 对象
• autoplay：设置/返回是否在加载完成后播放视频/音频
• buffered：返回音频/视频已缓存部分的timeRanges对象
• controller：返回音频/视频当前媒体控制器的MediaController对象
• controls：设置/返回音频/视频是否显示控件
• crossOrigin：设置/返回音频/视频的CORS设置
• curretSrc：返回当前音频/视频的URL
• currentTime：设置/返回音频/视频中当前播放位置（以秒）
• defaultMuted：设置/返回音频/视频默认是否静音
• defaultPlaybackRate：设置/返回音频/视频的默认播放速度
• duration：返回当前音频/视频的长度 s
• ended：返回音频/视频是否播放结束
• error：返回音频/视频发生错误状态的 MediaError 对象
• loop：设置/返回是否应在结束时重新播放
• mediaGroup：设置/返回音频/视频所属的组合
• muted：设置/返回是否静音
• networkState：返回当前音频/视频网络状态
• paused：设置/返回是否暂停
• playbackRate：设置/返回音频/视频播放速度
• palyed：返回音频/视频已播放部分 TimeRanges 对象
• repload：设置/返回是否在页面加载后加载
• readyState：返回音频/视频当前的就绪状态
• seekable：返回音频/视频可寻址部分的 TimeRanges 对象
• seeking：返回用户是否在音频/视频中进行查找
• src：设置/返回当前来源
• startDate：返回当前时间偏移的 date 对象
• textTracks：返回可用文本轨道的 TextTrackList 对象
• videoTracks:返回可用视频轨道的 VideoTrackList 对象
• volume:设置/返回音量

方法

• addTextTrack()：向音频/视频添加新的文本轨道
• canPlayType()：检测浏览器是够能播放指定的音频/视频类型
• load()：重新加载音频/视频
• play()：开始播放音频/视频
• pause()：暂停音频/视频

事件

• abort：当音频/视频的加载已放弃时触发
• canplay：当浏览器可以开始播放音频/视频时触发
• canplaythrough：当浏览器在不因缓冲而停顿的视口下进行播放时触发
• durationchange：音频/视频的时长发生改变时触发
• emptied：目前播放列表为空时触发
• ended：播放列表结束时触发
• error：音频/视频加载期间发生错误时触发
• loadeddata：当音频/视频已加载当前帧时触发
• loadedmetadata：当浏览器已加载音频/视频的元数据时触发
• loadstart：当浏览器开始查找音频/视频时触发
• pause：音频/视频暂停时触发
• play：音频/视频一开始或不在暂停时触发
• playing：音频/视频因缓冲而暂停或停止后已就绪时触发
• progress：当浏览器正在下载音频/视频时触发
• ratechange：音频/视频的播放速度已更改时触发
• seeked：用户开始移动/跳跃到音频/视频新的位置时触发
• seeking：开始移动到/跳跃到音频/视频新的位置时触发
• stalled：当浏览器尝试获取媒体数据，但数据不可用时触发
• suspend：浏览器刻意不获取媒体数据时触发
• timeupdate：当目前播放位置已更改时触发
• volumechange：当音量已更改时触发
• waiting：当视频由于需要缓冲下一帧而停止时触发

JavaScript audio 音频 API

标签相关属性

• src：要播放的音频/视频的 URL
• controls：显示音频/视频播放控件
• loop：音频/视频结束后重新播放
• muted：音频/视频静音

只读属性

• duration：文件的播放时长，单位 s，无法获取则 NaN，当触发 canplay 事件后可以获取
• paused：是否暂停，返回 true/false
• ended：是否播放完毕 true/false
• error：发现错误后返回错误代码
• currentSrc：返回字符串形式正在播放或已加载文件，对应浏览器 source 元素中选择的文件
• buffered：获取当前缓冲区大小，返回 TimeRanges 对象

可控制属性

• src：指定音频文件位置
• autoplay：是否自动播放
• preload：是否预加载
• loop：是否循环播放
• controls：显示/隐藏用户控制界面
• muted：设置是否静音
• volume：当前音量值，0-1 之间
• currentTime：返回/设置当前播放的时间，单位 s

方法

• load()：加载视频、音频软件
• play()：播放
• pause()：暂停
• canPlayType(obj)：测试播放后指定的 Mime 类型文件

事件

• loadstart：客户端开始请求数据
• progress：正在播放的时候不停触发，暂停不会触发，触发事件间隔较大
• play：play() 和 autoplay 时触发，类似 onplaying
• pause：pause() 方法时触发
• ended：结束播放时触发
• timeupdate：播放时间发生改变时触发，暂停不触发，触发事件间隔较小
• canplaythrough：歌曲载入完成
• canplay：缓存至可播放状态，类似事件 onloadedmetadata
• onloadedmetadata：当元数据（如分辨率和时长）被加载时触发