是否可以在没有用户与网络交互的情况下播放音频?我该怎么办?

时间:2020-05-27 19:51:57

标签: javascript html audio html5-audio

我需要我的网页在不与用户交互的情况下播放音频剪辑,我知道UX效果不佳,不应该那样做,但这就是我的客户所要求的。

我也知道浏览器已阻止了此功能,因此,如果有人可以给我一些有关如何“破解”该规则(例如发生事件的信息)的建议,我将不胜感激。

2 个答案:

答案 0 :(得分:1)

Chrome和Firefox禁用了自动播放功能,并且当前无法使用AFAIK:

https://hacks.mozilla.org/2019/02/firefox-66-to-block-automatically-playing-audible-video-and-audio/

答案 1 :(得分:-1)

考虑以下示例,添加autoplay属性应可使音频在负载下播放

figure {
    margin: 0;
}
<figure>
    <figcaption>Listen to the audio</figcaption>
    <audio
        autoplay <!-- auto play here -->
        controls
        src="some audio example">
            Your browser does not support the
            <code>audio</code> element.
    </audio>
</figure>