HTML DOM Audio 对象

2023-04-07 14:28 更新

Audio 对象是HTML5中新增的。

Audio 对象代表着 HTML <audio> 元素。

访问 Audio 对象

你可以使用getElementById()来访问 <audio> 元素:

var x = document.getElementById("myAudio");尝试一下

创建 Audio 对象

你可以使用document.createElement()方法创建 <audio> 元素:

var x = document.createElement("AUDIO");尝试一下

Audio 对象属性

属性 描述
audioTracks 返回表示可用音频轨道的 AudioTrackList 对象
autoplay 设置或返回是否在加载完成后随即播放音频
buffered 返回表示音频已缓冲部分的 TimeRanges 对象
controller 返回表示音频当前媒体控制器的 MediaController 对象
controls 设置或返回音频是否显示控件(比如播放/暂停等)
crossOrigin 设置或返回音频的 CORS 设置
currentSrc 回当前音频的 URL
currentTime 设置或返回音频中的当前播放位置(以秒计)
defaultMuted 设置或返回音频默认是否静音
defaultPlaybackRate 设置或返回音频的默认播放速度
duration 返回当前音频的长度(以秒计)
ended 返回音频的播放是否已结束
error 返回表示音频错误状态的 MediaError 对象
loop 设置或返回音频是否应在结束时重新播放
mediaGroup 设置或返回音频所属的组合(用于连接多个音频元素)
muted 设置或返回音频是否静音
networkState 返回音频的当前网络状态
paused 设置或返回音频是否暂停
playbackRate 设置或返回音频播放的速度
played 返回表示音频已播放部分的 TimeRanges 对象
preload 设置或返回音频是否应该在页面加载后进行加载
readyState 返回音频当前的就绪状态
seekable 返回表示音频可寻址部分的 TimeRanges 对象
seeking 返回用户是否正在音频中进行查找
src 设置或返回音频元素的当前来源
textTracks 返回表示可用文本轨道的 TextTrackList 对象
volume 设置或返回音频的音量

Audio 对象方法

方法 描述
addTextTrack() 在音频中添加一个新的文本轨道
canPlayType() 检查浏览器是否可以播放指定的音频类型
fastSeek() 在音频播放器中指定播放时间。
getStartDate() 返回一个新的Date对象,表示当前时间轴偏移量
load() 重新加载音频元素
play() 开始播放音频
pause() 暂停当前播放的音频

标准属性和事件

Canvas 对象同样支持标准 属性事件


相关文章

HTML 教程: HTML5 audio

HTML 参考手册: HTML <audio> 标签

HTML 音频/视频 DOM 参考手册: HTML 音频/视频


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号