チャットを受け取った際に、受け取り側で通知音を発生させることは可能ですか？(Socket.io + WebAudioAPI 利用)

Question

WebAudioAPIを見ると、ユーザーがイベントを発火させないと自動で音を流すことはできないようなのですが、
Socket.ioを利用して、メッセージを受け取った際に、受け取り側でブラウザからメッセージ通知音を出したいのですが、
そのような実装を行うことは可能でしょうか？
(受け取り側は基本何もせず、ブラウザを開いた状態にしているのみ。)
可能であれば、どのように行えばいいでしょうか？ご教示頂けると幸甚です。

なお、使用ブラウザは、PC上のChromeと、Android上のChrome、iPhone上のSafariです。

ユーザー側がミュートの場合は、音を鳴らす必要は御座いません。
また、Socketでの通知は受け取れている前提でお願い致します。

参照
https://qiita.com/pentamania/items/2c568a9ec52148bbfd08

Comments

[m.ts10806]

ミュートしているユーザーに対する配慮はどのようにお考えですか？また段階としては「ソケットで通知自体は受け取れている」前提でよろしいでしょうか。

[k.t.est]

ご指摘有難う御座います。ご指摘の点、追記させて頂きました。

Answer 1

テキストユーザーがイベントを発火させないと自動で音を流すことはできないようなのですが、

Socket.ioを利用して、メッセージを受け取った際に、受け取り側でブラウザからメッセージ通知音を出したいのですが、
そのような実装を行うことは可能でしょうか？

可能です。
記載していただいたURLに記述されている内容の通り、

アンロックの条件は「ユーザイベントのハンドラで一度でも音を鳴らす」こと。（無音でも良い）

を行う必要があります。例えば、

1. ボタンを配置して、クリックをした時に無音の音声を流すようにする
2. 通知音を流す前に、何かしらのボタンを押させるユーザーフローを実装する

この流れの実装ができれば、JavaScriptの任意のタイミングで音を鳴らすことが可能です。