Skip to content
更新时间: 2024-02-22

audio 标签

audio 标签的作用是什么?

audio 标签用于在网页中嵌入音频内容。它支持多种音频格式,并提供了控制音频播放的接口。

如何使用 audio 标签?

html
<audio src="audio.mp3" controls></audio>

为什么autoplay属性/或者play函数无效?怎么解决?

这是浏览器的策略,不要问为什么,主要是改善用户体验。如果是视频,还可以通过静音的方式启用自动播放,但是audio不行。
但也不是完全不行,浏览器会计算媒体参与度,只有足够高才可以,如果你是chrome可以在地址栏输入"chrome://media-engagement/"查看你的不同域名的媒体参与度。
折中的办法就是做一个按钮或者蒙层提示用户点击,点击之后再调用play函数