JavaScriptで音(サウンド)を鳴らす

2014年8月5日

JavaScriptにて音を鳴らす方法。
用途としては、ある記事を読みこんで、新着があったら「ポンッ!」と音を鳴らす。

音源としてはMp3,Ogg,Wavを利用する。
ブラウザやその他環境によっては、鳴動するタイミングがずれたり、鳴らなかったりします。

var audio = new Audio();
var canPlayMp3 = (audio.canPlayType("audio/mp3")=="");
var canPlayMpeg = (audio.canPlayType("audio/mpeg")=="");
var canPlayOgg = (audio.canPlayType("audio/ogg")=="");
var canPlaywav = (audio.canPlayType("audio/wav")=="");
if(canPlayMp3){
        audio.src = "ring.mp3";
}else if(canPlayMpeg){
        audio.src = "ring.mp3";
}else if(canPlayOgg){
        audio.src = "ring.ogg";
}else if(canPlayWav){
        audio.src = "ring.wav";
}
audio.play();

サーバー側にて拡張子が許可されていなかったら、.htaccessにて以下のように記述します。

AddType audio/ogg .ogg
AddType audio/mpeg .mp3
AddType audio/mp3 .mp3
AddType audio/wav .wav