angular - 如何在页面上播放音频加载或每个设置间隔为 Angular 6+

Question

我需要根据业务逻辑对新请求使用音频。
当我调用“playAudio()”时，页面加载中的此功能意味着NgOninit它不起作用。它给了我下面的错误。

prescan-orderlist.component.ts:116 Uncaught (in promise) DOMException: play() failed because the user didn't interact with the document first.

我在搜索，但是基于crome的新政策，他们对此加以限制。

如果您有任何想法可以帮助我。

public playAudio() {
    let audio = new Audio();
    audio.src = "../assets/images/beep.wav";
    audio.load();
    audio.play();

  }

Answer 1

从Chrome 66开始，除非页面被静音或用户开始播放，否则页面无法自动播放媒体。

页面可以开始自动播放，但只能将音频静音。您可以这样设置muted属性:

public playAudio() {
    let audio = new Audio();
    audio.src = "../assets/images/beep.wav";
    audio.muted = true;
    audio.load();
    audio.play();
}

但是，由于您尝试播放音频文件而不是视频文件，因此这毫无意义。