HTML 5 音频(audio)

最新推荐文章于 2022-11-19 23:58:15 发布

转载最新推荐文章于 2022-11-19 23:58:15 发布 · 179 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/LoveSuk/p/5287420.html

本文详细介绍了HTML中的audio元素，包括其支持的音频格式如Ogg Vorbis、MP3和Wav，以及如何使用该元素播放不同格式的音频文件。同时，文章还列举了各浏览器对这些音频格式的支持情况，并提供了代码示例，展示了如何设置播放控制、自动播放、循环播放等属性。

audio 元素支持三种音频格式	IE 9	Firefox 3.5	Opera 10.5	Chrome 3.0	Safari 3.0
Ogg Vorbis		√	√	√
MP3	√			√	√
Wav		√	√		√

1、设置一个ogg格式的文件

<audio src="song.ogg" controls="controls">
您的浏览器不支持 audio 标签。
</audio>

执行如下：

当浏览器不支持ogg格式时则显示“您的浏览器不支持 audio 标签。”。

2、设置多种格式

<audio controls="controls">
<source src="song.ogg" type="audio/ogg">
<source src="song.mp3" type="audio/mpeg">
您的浏览器不支持 audio 标签。
</audio>

<audio> 标签的属性如下：

controls/controls="controls" 显示播放按钮
autoplay/autoplay="autoplay" 立即播放
loop/loop="loop" 循环播放
muted/muted="muted" 静音
preload/preload="preload" 加载视频d

隐藏下载按钮 controlsList="nodownload"

禁用右键 oncontextmenu="return false"

其余只需调整宽度即可 style="width:100px"

只显示播放按钮

转载于:https://www.cnblogs.com/LoveSuk/p/5287420.html