Angular 4の特定のタブをクリックした後に音が出る

Question

私はMEANスタックを使用してマルチユーザチャットアプリケーションを作成しています。新しい着信メッセージについては、角度4の次のコードを使用してサウンドを再生しています。

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

この方法はほとんどの場合有効です。しかし、角度アプリが開いている特定のタブをクリックした後にだけ音が出ることがあります。

ブラウザでどのタブがアクティブであるかに関係なくサウンドを再生することはできますか？

Answer 1

このタスクのサービスを使用してください。そして、特定のメソッドを呼び出してサウンドを呼び出すことができます。その後、このメソッドを任意のコンポーネントから呼び出すだけで、それだけです。