Audio.mp3 文件有时无法播放网站背景

Question

mp3 文件，用于为网站提供背景音乐，但它有时只会播放。 会出现错误：

206部分内容

请为下面的代码提供一些解决方案。

<script type="text/javascript">

// PLAYER VARIABLES

var mp3snd = "5.mp3";

document.write('<audio autoplay="autoplay">');
document.write('<source src="'+mp3snd+'" type="audio/mpeg">');
document.write('</audio>');

</script>

Answer 1

正如马克所说，避免使用document.write 。 另外最好避免使用自动播放，因为现在浏览器会阻止它。 所有声音都应以用户协议或点击开始。

我还建议使用预加载来提高性能。

let mp3snd = new Audio("sounds/youur.mp3");
mp3snd.preload = 'auto';
mp3snd.load();

const playMp3snd = volumeValue => {
    var backgroundMusic = mp3snd.cloneNode();
    backgroundMusic .volume = volumeValue;
    backgroundMusic .play();
}
playMp3snd(1);