HTML5新增标签<audio>简单的使用

本文详细介绍了HTML中的&lt;audio&gt;标签及其用法,包括支持的音频格式、不同浏览器的兼容性情况以及如何通过源元素链接多种格式。还列举了&lt;audio&gt;标签的各种属性,如autoplay、controls等,并提供了示例代码。

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

        <audio>标签目前所支持的音频格式:OggVorbis,MP3,WAV格式,各个浏览器支持的音频格式有所不同。但是,<audio>元素允许添加多source 元素。source元素可以链接不同的音频文件。浏览器将使用第一个可识别的格式。要注意添加顺序,要按照用户体验或者服务器消耗由低到高列出。

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

       

       <audio>标签的属性介绍:

属性

描述

autoplay

autoplay

如果出现该属性,则音频在就绪后马上播放。

controls

controls

如果出现该属性,则向用户显示控件,比如播放按钮。

loop

loop

如果出现该属性,则每当音频结束时重新开始播放。

preload

preload

如果出现该属性,则音频在页面加载时进行加载,并预备播放。
如果使用 "autoplay",则忽略该属性。

src

url

要播放的音频的 URL。

示例代码


2效果展现


1.如果没有controls属性,则控件隐藏起来;

2.Autoplay设置打开网页音频默认自动播放;

3.Loop设置音频是否循环播放。



评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值