首页 > 代码库 > audio

audio

2024-07-06 22:58:24   225人阅读

1. 初识

1 <audio src="url" controls>
2 您的浏览器不支持audio标签
3 </audio>

或

1 <audio>
2     <source src="url.ogg" type="audio/ogg">
3     <source src="url.mp3" type="audio/mpeg">
4     <source src="rul.wav" type="audio/wav">
5     您的浏览器不支持audio标签
6 </sudio>

 

2. audio标签的属性

audio标签共有6个属性：

属性 值 描述
autoplay autoplay 如果出现该属性，则音频在就绪后马上播放。
controls controls 如果出现该属性，则向用户显示控件，否则不显示控件。音频只有控件，所以如果没有该属性则什么也看不到。
loop loop 如果出现该属性，则每当音频结束时重新开始播放。
preload preload 如果出现该属性，则音频在页面加载时进行加载，并预备播放。
src url 要播放的音频的 URL。
muted muted  如果出现该属性，则静音。

 

3. 支持的格式

目前audio支持3种格式：*.ogg、*.mp3、*.wav

 

4. 音频MIME类型

source中的type属性用于MIME类型，可以使用户的浏览器快速找到需要的多媒体资源的容器和编解码器，从而省去提取媒体文件信息的额外资源开销。

音频格式 MIME类型
ogg audio/ogg
mp3 audio/mpeg
wav audio/wav

 

5. 默认audio控件的大小

audio控件在不同浏览器中样式及大小不一样，audio标签没有width属性，所以只能通过CSS（或JS）控制其宽度，高度不可调节。

 

6. API

方法：

属性：

事件：


联系
我们