ビープ音＋アラートの実行順

質問

こんにちは！質問です。
PHPを使用しています。
入力された値をsubmitして、データベースを検索して該当したデータがなければ
javascriptで警告音を鳴らしてアラートを表示したいと思っております。
「警告音を鳴らす」→「アラート表示」の順番で実行したいのですが、
「アラート表示」→「OKボタン」→「警告音」の順番で実行されてしまいます。

以下の順番ではできないのでしょうか？
------------------------------------------------------------------------------
function beep(){
var base64 = 音声ファイルの文字列
var sound = new Audio("data:audio/wav;base64," + base64);
sound.play();
}
function err() {
beep();
window.alert('該当するデータが存在しません。');
}
err();//該当するデータがなければ実行する
------------------------------------------------------------------------------

可能であれば、ソースコードも書いていただければ助かります。

※chromeを使用しています。IEではアラート表示時にデフォルトの音が鳴るのですが、
音が小さく微妙なのであまり使いたくありません。

回答No.1

AsarKingChang · ベストアンサー

それなら、soundクラスに、再生完了リスナーを作り、
その中で、alertしたらいかがでしょうか？
そうすれば、ブラウザ依存は、なくなりますね。
ただ、エラートの時、IEでもしかしたら、もう1回音が出ちゃうかもしれませんが。
質問の、「先に音と言うこと」は、満たせると思います。

お礼

ご回答ありがとうございます！
おっしゃる通りにやってみると条件を満たすことができました！

回答No.2

nekomikekamo

beep内でサウンドファイルの読み込みを行っていると、サウンドファイルが読み込まれてから、再生されるため、関数の実行と再生タイミングがずれます。

必ず、事前にサウンドファイルは読み込みを完了していること。
（読み込み完了を受け取ってから処理すると良いです。）

また、アラートに関しては、自作するかプラグイン等を利用し、
ブラウザ標準機能を使用しないのが良いです。