HTML5音频自动播放仅限前三次访问/加载到网站

Question

我想在我的网站上使用此功能。 对于访客，前3次访问时应自动播放音频。 例如：如果有人访问我的网站，则每次加载/刷新网站时都会自动播放音频，直到第三次访问为止。

<audio id="audio" controls autoplay>
    <source src="audio/1.ogg" type="audio/ogg">
    <source src="audio/1.mp3" type="audio/mpeg">
    Your browser does not support the audio element.
</audio>

有人可以帮忙吗？

Answer 1

确保您使用的是HTML5 audio元素，并且没有设置autoplay属性。这应该有效：

var playCount = localStorage.getItem('playCount') || 0;
if (playCount < 3) {
    document.getElementById('audio').play();
    localStorage.setItem('playCount', playCount + 1);
}

Answer 2

你可以使用html5会话存储，存储访问次数，然后你可以禁用自动播放

if (sessionStorage.visitcount==3) {
var aud = document.getElementById("audio");
aud.autoplay = false;
} 
else {
sessionStorage.visitcount += 1;
}