2011-07-11 11 views
5

私のjavascriptアプリケーションの最初のバージョンを完成させています。サウンドエフェクトを追加したいと思います。ウェブブラウザでjavascriptを使用して短いサウンド(mp3やwavなどの形式)を再生するにはどうすればよいでしょうか?私は、アプリケーションの実行中にプレロードして演奏したい10のサウンドを持っています。JavaScriptアプリケーションで短いサウンドエフェクトを再生するにはどうすればよいですか?

この小さなテストアプリケーションを作成しましたが、再生するオーディオを取得できません。誰かが私が間違っている場所を私に見せてくれるかもしれません:

<html> 
<head> 
    <title>Sound Test</title> 
    <script type="text/javascript" src="raphael.js"></script> 
</head> 
<body> 
    <div id="debugPane" style="width: 300px; height: 500px; float: left; background-color: #EEEEEE; margin-left: 10px; border-style: solid; border-width: 1px;"></div> 
    <script type="text/javascript"> 
     try { 
      var snd = new Audio("mp3/1.mp3"); 
      alert(snd.src); 
      snd.play(); 
     } catch (err) { 
      document.getElementById("debugPane").innerHTML += "" + err.message; 
     } 
    </script> 
</body> 
</html> 

正しいファイルが選択されています。しかし、存在しないファイルを指しても例外はありません。このファイルは実際には私のファイルシステムにはないが、srcが何であるかを喜んで報告する。

+0

どのような種類のブラウザサポートが必要ですか? – alex

+0

古いブラウザには関係ありません:) – nfw

+0

可能な複製:http://stackoverflow.com/questions/10105063/how-to-play-a-notification-sound-on-websites?rq=1 –

答えて

0

WindowsとMacのChromeとSafariで全般的に動作しました。私のdevボックスはChromium/Ubuntu環境で、サポートされていないか、サウンドが誤って設定されています。実際、Ubuntuではこれまでどんなブラウザでも動作しません。

0
function playSound(soundfile) { 
document.getElementById("dummy").innerHTML = 
"<embed src='"+soundfile+"' hidden='true' autostart='true' loop='false' />"; 
} 

ここで、ダミーはページ上のどこかの非表示divです。

関連する問題