浏览器端-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() 暂停当前播放的音频。

标准属性和事件

Audio 对象支持标准属性事件

相关页面

HTML 教程:HTML5 音频

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

2、

2.返回顶部
3.返回顶部
4.返回顶部
5.返回顶部

1、

https://www.w3school.com.cn/jsref/dom_obj_audio.asp

2、

6.返回顶部
作者:ylbtech
出处:http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

原文地址:https://www.cnblogs.com/storebook/p/11757570.html

时间: 2024-10-16 05:22:59

浏览器端-W3School-HTML:HTML DOM Audio 对象的相关文章

浏览器端-W3School-HTML:HTML DOM Area 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Area 对象 1.返回顶部 1. HTML DOM Area 对象 Area 对象 Area 对象代表图像映射的一个区域(图像映射指的是带有可点击区域的图像) 在 HTML 文档中 <area> 标签每出现一次,就会创建一个 Area 对象. Area 对象的属性 属性 描述 accessKey 设置或返回访问某个区域的快捷键. alt 设置或返回当浏览器无法显示某个区域时的替换文字. coords 设置或返回图像映射中

浏览器端-W3School-HTML:HTML DOM Object 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Object 对象 1.返回顶部 1. HTML DOM Object 对象 Object 对象 Object 对象代表 HTML 的 <object> 元素. <object> 元素用于在网页中包含对象,比如:图像.音频.视频.Java applet.ActiveX.PDF.Flash 等. Object 对象属性 属性 描述 align 设置或返回对象相对于周围文本的对齐方式. archive 设置或返回一

浏览器端-W3School-HTML:HTML DOM Meta 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Meta 对象 1.返回顶部 1. HTML DOM Meta 对象 Meta 对象 Meta 对象代表 HTML 的 一个 <meta> 元素. <meta> 元素可提供有关某个 HTML 元素的元信息 (meta-information),比如描述.针对搜索引擎的关键词以及刷新频率. Meta 对象属性 属性 描述 content 设置或返回 <meta> 元素的 content 属性的值. h

浏览器端-W3School-HTML:HTML DOM Script 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Script 对象 1.返回顶部 1. HTML DOM Script 对象 Script 对象 Script 对象表示 HTML <script> 元素. 访问 Script 对象 您可以通过使用 getElementById() 来访问 <script> 元素: var x = document.getElementById("myScript"); 亲自试一试 创建 Script 对象

浏览器端-W3School-HTML:HTML DOM Select 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Select 对象 1.返回顶部 1. HTML DOM Select 对象 Select 对象 Select 对象代表 HTML 表单中的一个下拉列表. 在 HTML 表单中,<select> 标签每出现一次,一个 Select 对象就会被创建. 您可通过遍历表单的 elements[] 数组来访问某个 Select 对象,或者使用 document.getElementById(). Select 对象集合 集合 描述

浏览器端-W3School-HTML:HTML DOM Base 对象

ylbtech-浏览器端-W3School-HTML:HTML DOM Base 对象 1.返回顶部 1. HTML DOM Base 对象 Base 对象 Base 对象代表 HTML 的 base 元素. 在 HTML 文档中 <base> 每出现一次,Base 对象就会被创建. Base 对象属性 属性 描述 href 设置或返回针对页面中所有链接的基准 URL. id 设置或返回 <base> 元素的 id. target 设置或返回针对页面中所有链接的默认目标框架. 2.

浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Document 对象

ylbtech-浏览器端-W3School-JavaScript-HTML DOM:HTML DOM Document 对象 1.返回顶部 1. HTML DOM Document 对象 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象. Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问. 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问. Document

9大浏览器端缓存机制分析

浏览器缓存(Browser Caching)是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户.浏览器端缓存的机制种类较多,总体归纳为九种,这里详细分析下这九种缓存机制的原理和使用场景.打开浏览器的调试模式->resources左侧就有浏览器的8种缓存机制. 一.http缓存 http缓存是基于HTTP协议的浏览器文件级缓存机制.即针对文件的重复请求情况下,浏览器可以根据协议头判断从服务器端请求文件

Vue服务端渲染和Vue浏览器端渲染的性能对比

Vue 2.0 开始支持服务端渲染的功能,所以本文章也是基于vue 2.0以上版本.网上对于服务端渲染的资料还是比较少,最经典的莫过于Vue作者尤雨溪大神的 vue-hacker-news.本人在公司做Vue项目的时候,一直苦于产品.客户对首屏加载要求,SEO的诉求,也想过很多解决方案,本次也是针对浏览器渲染不足之处,采用了服务端渲染,并且做了两个一样的Demo作为比较,更能直观的对比Vue前后端的渲染. talk is cheap,show us the code!话不多说,我们分别来看两个D