javascript - 在 Chrome 中播放音频时抛出 domexception

Question

您好，我在 Chrome 中播放音频时遇到异常。

这是我播放音频的功能

$(document).ready(function ()
{
    generateAlarm();
});

function generateAlarm()
{
    alarm_1 = new Audio();
    alarm_1.src = '/Content/assets/sounds/alarm_1.mp3';
    const playPromise = alarm_1.play();

    if (playPromise !== null)
    {
        playPromise.catch(() => {
           const btn = $('#playAlarm');
           btn.click();
         });
    }
}

document.getElementById('playAlarm').addEventListener("click", handlePlayButton, false);

function handlePlayButton()
{
    if (alarm_1.paused) {
        generateAlarm();
    }
    else {
        alarm_1.pause();
    }
}

谁能告诉我上面的代码有什么问题？提前谢谢你。

Answer 1

不再允许自动播放音频，因为它令人讨厌并且经常被滥用。您必须先等待用户与页面进行交互。您可以通过谷歌查看本指南，了解如何使用新的 AudioContext api:https://developers.google.com/web/updates/2018/11/web-audio-autoplay