搜文章
推荐 原创 视频 Java开发 iOS开发 前端开发 JavaScript开发 Android开发 PHP开发 数据库 开发工具 Python开发 Kotlin开发 Ruby开发 .NET开发 服务器运维 开放平台 架构师 大数据 云计算 人工智能 开发语言 其它开发
Lambda在线 > 跟谁学编程 > <audio> | HTML5 音频标签

<audio> | HTML5 音频标签

跟谁学编程 2021-01-14

定义与用法

  • <audio> 标签定义声音,比如音乐或其他音频流。

  • 目前,<audio> 元素支持的3种文件格式:MP3、Wav、Ogg。


提示:可以在开始标签和结束标签之间放置文本内容,这样老的浏览器就可以显示出不支持该标签的信息。


语法格式

<audio controls=””>……</audio>


示例代码

<audio controls>
<source src="audio/coldwind.mp3" type="audio/mpeg">
您的浏览器不支持 audio 元素。
</audio>

效果展示: 


点击下方“阅读原文”可亲试效果



浏览器支持

IE Firefox Chrome Safari Opera
<audio> | HTML5 音频标签 <audio> | HTML5 音频标签 <audio> | HTML5 音频标签 <audio> | HTML5 音频标签

Internet Explorer 8 以及更早的版本不支持 <audio> 标签。



标签属性

属性 描述
autoplay<audio> | HTML5 音频标签 autoplay 如果出现该属性,则音频在就绪后马上播放。
controls<audio> | HTML5 音频标签 controls 如果出现该属性,则向用户显示音频控件(比如播放/暂停按钮)。
loop<audio> | HTML5 音频标签 loop 如果出现该属性,则每当音频结束时重新开始播放。
muted<audio> | HTML5 音频标签 muted 如果出现该属性,则音频输出为静音。
preload auto
metadata
none
规定当网页加载时,音频是否默认被加载以及如何被加载。
src URL 规定音频文件的 URL。

全局属性


<audio> 标签支持 HTML 的全局属性。



事件属性


<audio> 标签支持 HTML 的事件属性。


点击下方“阅读原文”阅览效果更佳

版权声明:本站内容全部来自于腾讯微信公众号,属第三方自助推荐收录。《<audio> | HTML5 音频标签》的版权归原作者「跟谁学编程」所有,文章言论观点不代表Lambda在线的观点, Lambda在线不承担任何法律责任。如需删除可联系QQ:516101458

文章来源: 阅读原文

相关阅读

关注跟谁学编程微信公众号

跟谁学编程微信公众号:JustForScience

跟谁学编程

手机扫描上方二维码即可关注跟谁学编程微信公众号

跟谁学编程最新文章

精品公众号随机推荐