浏览器端-W3School-HTML:HTML DOM Audio 对象
ylbtech-浏览器端-W3School-HTML:HTML DOM Audio 对象 |
1. |
1、
HTML DOM Audio 对象
Audio 对象
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 | 设置或返回音频的 preload 属性的值。 |
readyState | 返回音频当前的就绪状态。 |
seekable | 返回表示音频可寻址部分的 TimeRanges 对象。 |
seeking | 返回用户当前是否正在音频中进行查找。 |
src | 设置或返回音频的 src 属性的值。 |
textTracks | 返回表示可用文本轨道的 TextTrackList 对象。 |
volume | 设置或返回音频的音量。 |
Audio 对象方法
方法 | 描述 |
---|---|
addTextTrack() | 向音频添加新的文本轨道。 |
canPlayType() | 检查浏览器是否能够播放指定的音频类型。 |
fastSeek() | 在音频播放器中指定播放时间。 |
getStartDate() | 返回新的 Date 对象,表示当前时间线偏移量。 |
load() | 重新加载音频元素。 |
play() | 开始播放音频。 |
pause() | 暂停当前播放的音频。 |
2、
2. |
3. |
4. |
5. |
1、
2、
6. |
作者:ylbtech 出处:http://ylbtech.cnblogs.com/ 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。 |
相关推荐
行吟阁 2020-05-30
zhuiyuanqingya 2020-03-27
STPace 2020-03-14
WebVincent 2020-03-04
黎豆子 2020-02-18
一个客户要求给网站添加一个背景音乐,我用的是html5添加网页背景音乐的代码,在此记录一下以后有用。html5方法二:<videocontrols=""autoplay=""name="media&q
玫瑰小妖 2020-01-24
HSdiana 2019-12-27
luvhl 2019-12-11
pythonclass 2013-09-16
hickwu 2011-03-24
ITxiaobaibai 2019-11-08
Rafema 2011-08-27
Devieun 2012-06-12
HTML混合APP开发 2017-07-08
Abudula 2018-11-19
示例一和示例二 参考尚硅谷老师的视频教程;window.AudioContext){alert("当前浏览器不支持哟!DOCTYPE html><html><head><meta charset="U
来老师 2018-10-17
quanhaoH 2013-05-09
86266537 2016-04-14
spoft 2015-09-29