在HTML中插入音频非常简单，只需要使用<audio>标签即可，下面我们来详细介绍一下如何使用<audio>标签插入音频。
基本语法
<audio controls> <source src="your_audio_file.mp3" type="audio/mpeg"> 您的浏览器不支持音频播放。 </audio>
controls属性表示显示音频播放器的控制按钮，如播放/暂停、音量调整等。<source>标签用于指定音频文件的来源，src属性表示音频文件的路径，type属性表示音频文件的类型，如MP3、WAV等，如果浏览器不支持指定的音频格式，将显示“您的浏览器不支持音频播放。”的提示信息。
常用属性
1、src:指定音频文件的路径。
2、controls:显示音频播放器的控制按钮。
3、autoplay:自动播放音频。
4、loop:循环播放音频。
5、muted:静音播放音频。
6、preload:指定预加载策略，可选值有：none(不预加载)、metadata(仅预加载元数据)和auto(自动选择预加载策略)。
7、width和height:设置音频播放器的宽度和高度。
8、poster:设置音频播放器封面图片的URL。
9、volume:设置音量大小，取值范围为0到1之间。
10、crossorigin:设置跨域策略，可选值有：anonymous(允许跨域请求)、use-credentials(需要携带凭据)等。
示例代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML音频示例</title>
</head>
<body>
<h1>HTML音频示例</h1>
<audio controls autoplay loop>
<source src="your_audio_file.mp3" type="audio/mpeg">
您的浏览器不支持音频播放。
</audio>
</body>
</html>
相关问题与解答
1、如何修改音频文件的路径？
答：只需将<source>标签中的src属性值修改为新的音频文件路径即可。
<source src="new_audio_file.mp3" type="audio/mpeg">
2、如何设置音频播放器的大小？
答：在<audio>标签中添加width和height属性即可，
<audio controls width="300" height="200" autoplay loop> <source src="your_audio_file.mp3" type="audio/mpeg"> </audio>
原创文章，作者：K-seo，如若转载，请注明出处：https://www.kdun.cn/ask/231376.html
微信扫一扫 