只有在单击Angular 4中的特定选项卡后才会出现声音

Question

我正在使用MEAN堆栈创建一个多用户聊天应用程序。对于新传入的消息，我使用Angular 4中的以下代码播放声音：

let audio = new Audio();
audio.src = "../../assets/sound/incoming-chat.mp3";
audio.load();
audio.play();

这种方法大部分时间都有效。但有时只有在点击Angular应用程序打开的特定选项卡后才会发出声音。

是否可以独立于浏览器中哪个选项卡处于活动状态来播放声音？

Answer 1

尝试使用服务执行此任务。并且您可以通过调用特定方法播放声音。之后，您只需从任何组件调用此方法即可。