audio标签的作用是什么
更新时间：2023-11-27前言：
在网页开发中，使用音频可以为用户提供更丰富的内容和交互体验。HTML5引入了`
1. 基本用法：
在使用`
上面的代码将在网页上显示一个音频播放器，并播放`audio/sample.mp3`这个音频文件。
2. 播放控制：
除了自动显示控制条外，还可以使用JavaScript控制音频的播放、暂停等操作。可以使用`play()`方法播放音频，使用`pause()`方法暂停音频：
上述代码在网页中添加了一个按钮，点击按钮后使用JavaScript的`play()`方法播放音频。
3. 控制音量：
使用`volume`属性可以控制音频的音量，取值范围为0.0到1.0，其中0.0表示静音，1.0表示最大音量。可以使用`volume`属性设置音量，也可以使用`muted`属性设置是否静音：
上述代码在网页中添加了一个滑动条和一个按钮，用来控制音频的音量和静音状态。当滑动条的值发生变化时，调用`changeVolume()`函数改变音频的音量；点击按钮时，调用`toggleMute()`函数切换音频的静音状态。
4. 显示元数据：
使用`
音频时长：未知
上述代码在网页中添加了一个`
`标签，用于显示音频的时长。通过监听`loadedmetadata`事件，在事件回调函数中获取音频的时长，并更新显示的内容。
总结：
`
