Open anjia opened 5 years ago
HTMLAudioElement
该接口没有自定义属性/方法,都是继承的HTMLMediaElement
和HTMLElement。
HTMLMediaElement 的属性
分类 | 属性 | 含义 |
---|---|---|
状态 | readyState | 表示 media 的 readiness state(准备状态) unsigned short (enumeration) |
networkState | 表示抓取媒体时的网络当前状态 unsigned short (enumeration) |
|
布尔 | paused | 表示 media 元素是否被暂停。布尔类型 |
muted | 表示 media 元素是否被静音。布尔类型 | |
loop | 能否循环。布尔类型 | |
ended | 是否播完了。布尔类型 | |
autoplay | 是否自动播放。布尔类型 | |
属性值 | duration | media 的长度,单位是秒。如果没有 media data 则是 0 |
currentSrc | ||
currentTime | ||
played | 已经播放了多少。TimeRanges | |
src | ||
srcObject | ||
volume | ||
错误 | error | MediaError / null |
其它 | audioTracks | |
buffered | ||
controller | ||
controls | ||
controlsList | ||
crossOrigin | ||
defaultMuted | ||
defaultPlaybackRate | ||
disableRemotePlayback | ||
mediaGroup | ||
playbackRate | ||
preload | ||
seekable | ||
seeking | ||
sinkId |
方法 | 说明 |
---|---|
play() | 总是从头开始播放 |
pause() | |
load() | 将 media 重置到开头,并选择一个最佳可用源, 从 src 属性或 <source> 元素提供的源中 |
canPlayType() | 确定是否可以播放指定的媒体类型 |
fastSeek() | 直接寻求给定的时间 |
https://developer.mozilla.org/en-US/docs/Web/API/HTMLAudioElement https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement
事件
在因为缺数据而被 paused 或 delayed 了之后
但评估到加载到的数据还不足以让它不间断地一直播放到结束
可能会停下来等缓冲数据
而不会因为内容缓冲而暂停
浏览器正在尝试获取 media 数据,
但数据却意外地还没有来
比如,当 media 被加载/部分加载完毕时会触发此事件,
会调用load()方法俩 reload 它
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/audio