广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >HTML中audio标签以及audio对象有什么用
  • 473
分享到

HTML中audio标签以及audio对象有什么用

2024-04-02 19:04:59 473人浏览 薄情痞子
摘要

小编给大家分享一下html中audio标签以及audio对象有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! audio

小编给大家分享一下html中audio标签以及audio对象有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

audio标签以及audio对象

一.audio标签

简单语法

<audio src="音频链接"></audio>

属性

属性 描述
autoplay   如果出现该属性,则音频在就绪后马上播放。
controls   如果出现该属性,则向用户显示控件,比如播放按钮。
loop   如果出现该属性,则每当音频结束时重新开始播放。
preload   如果出现该属性,则音频在页面加载时进行加载,并预备播放。如果使用 "autoplay",则忽略该属性。
src url 要播放的音频的 URL。

二.audio对象

1.对象属性

属性 描述
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 设置或返回音频的音量。

2.对象方法

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


以上是“HTML中audio标签以及audio对象有什么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网JavaScript频道!

--结束END--

本文标题: HTML中audio标签以及audio对象有什么用

本文链接: https://www.lsjlt.com/news/92933.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • HTML中audio标签以及audio对象有什么用
    小编给大家分享一下HTML中audio标签以及audio对象有什么用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! audio...
    99+
    2022-10-19
  • HTML中<audio>标签有什么用
    这篇文章主要介绍HTML中<audio>标签有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 标签定义及使用说明 <audio> 标签定义声音,比如...
    99+
    2022-10-19
  • HTML中的<audio>标签怎么用
    这篇文章主要介绍了HTML中的<audio>标签怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。   HTML<au...
    99+
    2022-10-19
  • HTML DOM Audio对象的作用是什么
    HTML DOM Audio对象用于在网页中播放音频文件。它提供了一种简单的方式来控制音频的播放、暂停、停止以及调整音量等功能。通过...
    99+
    2023-10-12
    HTML
  • HTML中h标签和p标签以及hr标签有什么用
    小编给大家分享一下HTML中h标签和p标签以及hr标签有什么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!   如何在webstorm中利用快捷键创建一个新的html的文件?   同...
    99+
    2022-10-19
  • html中html标签有什么用
    这篇文章主要介绍html中html标签有什么用,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!html标签作用:用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档注意...
    99+
    2022-10-19
  • html中s标签有什么用
    这篇文章给大家分享的是有关html中s标签有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。     HTML<s>标签   &...
    99+
    2022-10-19
  • html中script标签有什么用
    这篇文章给大家分享的是有关html中script标签有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。     HTML<script>标签...
    99+
    2022-10-19
  • HTML中big标签有什么用
    这篇文章给大家分享的是有关HTML中big标签有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。     HTML<big>标签实例 &n...
    99+
    2022-10-19
  • HTML中br标签有什么用
    小编给大家分享一下HTML中br标签有什么用,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!     HTML<br>标签实例    ...
    99+
    2022-10-19
  • HTML中head标签有什么用
    这篇文章将为大家详细讲解有关HTML中head标签有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。     HTML<head>标...
    99+
    2022-10-19
  • HTML中bdo标签有什么用
    这篇文章给大家分享的是有关HTML中bdo标签有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。     bdo元素一般用于把一段文本的方向规定为与周围...
    99+
    2022-10-19
  • HTML中b标签有什么用
    这篇文章给大家分享的是有关HTML中b标签有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。   <b>标签实例   <p>这是一个普通的文本-&...
    99+
    2022-10-19
  • HTML中abbr标签有什么用
    这篇文章将为大家详细讲解有关HTML中abbr标签有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。     实例    ...
    99+
    2022-10-19
  • html中dt标签有什么用
    这篇文章主要介绍了html中dt标签有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     HTML<d...
    99+
    2022-10-19
  • html中frameset标签有什么用
    这篇文章将为大家详细讲解有关html中frameset标签有什么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。     HTML<frame...
    99+
    2022-10-19
  • html中em标签有什么用
    这篇文章给大家分享的是有关html中em标签有什么用的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。     HTML<em>标签实例 &nbs...
    99+
    2022-10-19
  • html中object标签有什么用
    这篇文章主要介绍了html中object标签有什么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。     objec...
    99+
    2022-10-19
  • html中meta标签及用法是什么
    这篇文章跟大家分析一下“html中meta标签及用法是什么”。内容详细易懂,对“html中meta标签及用法是什么”感兴趣的朋友可以跟着小编的思路慢慢深入来阅读一下,希望阅读后能够对大家有所帮助。下面跟着小...
    99+
    2022-10-19
  • 在html中标题标签有什么作用
    这篇文章主要讲解了“在html中标题标签有什么作用”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“在html中标题标签有什么作用”吧! ...
    99+
    2022-10-19
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作