Howler.js - 不允许启动 AudioContext它必须在页面上的用户手势后恢复或创建

问题描述

我试图在特定时间结束后触发警报。我正在使用 Howler.js 播放警报，但由于某种原因，它显示以下错误：howler.js:2500 The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. 我切换到 Howler，因为当我尝试在 JavaScript 中使用 Audio() Web API 时出现了类似的错误。

这是我的代码：

const { Howl,Howler } = require("howler");

let i;
let timer;
var alarm = new Howl({
  src: ["alarm.mp3"],});
let playTimer = true;
const timerDisplay = document.getElementById("timerDisplay");

document.addEventListener("DOMContentLoaded",() => {
  i = 5;

  timer = setInterval(() => {
    if (playTimer == true) {
      if (i != 0) {
        timerDisplay.textContent = i;
        i--;
      }

      if (i == 0) {
        alarm.play();
        clearInterval(timer);
      }
    }
  },1000);
});

我不知道这是否有帮助，但只是为了让您知道，我使用 Parcel 作为我的打包程序。提前感谢您的回答。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

howler.js javascript