audio的简单介绍

最新推荐文章于 2024-07-27 12:36:59 发布

输出是最好的学习

最新推荐文章于 2024-07-27 12:36:59 发布

阅读量613

点赞数

分类专栏：前端文章标签： audio html5

本文为博主原创文章，转载请注明出处。

本文链接：https://blog.csdn.net/m0_37568521/article/details/75045063

版权

前端专栏收录该内容

72 篇文章 1 订阅

订阅专栏

习惯直接上代码，相关说明写在了注释里面。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
<!-- 如果要实现背景音乐播放，那么就不要controls -->
<!-- loop就是一直重复的播放 -->
<!-- autoplay就是自动播放的意思 -->
<!-- preload是告诉浏览器怎么去下载一个文件，可以设置的值为auto,metadata,none。其中auto让浏览器下载整个文件，metadatametadata告诉浏览器先获取音频开头的数据，none告诉浏览器不必预先下载。如果页面中有很多audio的时候，就可以使用metadata-->
	<audio src="test.mp3" controls preload="metadata" autoplay loop>
		<source src="test.mp3" type="audio/mp3">
		<source src="test.ogg" type="audio/ogg">
	</audio>
</body>
</html>