audio 元素能够播放声音文件或者音频流-html5播放音频

最新推荐文章于 2024-07-18 09:46:42 发布

原创最新推荐文章于 2024-07-18 09:46:42 发布 · 6k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#audio #url

html5学习专栏收录该内容

2 篇文章

订阅专栏

本文展示了如何使用HTML的<audio>标签实现自动循环播放音频文件并显示播放控件，包括autoplay、loop和controls属性的应用。

代码：自动循环播放、显示播放控件

<!DOCTYPE HTML>
<html>
<body>

<audio autoplay="autoplay" loop="loop" src="song.mp3" controls="controls">
</audio>

<audio controls="controls">
<source src="song.mp3" type="audio/mpeg">
</audio>
</body>
</html>

演示：

说明：

<audio> 标签的属性

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