1

アプリケーションにオーディオタグを挿入しようとしました

<audio id="beep-notify" src="beep.wav"></audio>

このオーディオファイルをJavaScriptで再生します

function play_audio(){
  var audio = getElementById('beep-notify');
  if(audio){
    audio.play();
  }
}

Chromeではうまく機能しますが、Firefoxでは機能しません。コンソールを見ようとしたとき。次のようなエラーがあります。

HTTP "Content-Type" of "application/octet-stream" is not supported. Load of media resource failed.

これは私の「config/initializers /mime_types.rb」がどのように見えるかです：

# Be sure to restart your server when you modify this file.

# Add new mime types for use in respond_to blocks:
# Mime::Type.register "text/richtext", :rtf
# Mime::Type.register_alias "text/html", :iphone
Mime::Type.register "audio/x-wav", :wav

しかし、運が悪ければ、Firefoxではまだ機能していません。

私を正しい方向に導くことができる人がいれば素晴らしいと思います。私はこの問題についてすべてをグーグルで調べてきましたが、役に立ちませんでした。

TIA

エラルフ

4

1 に答える 1

1

.wavファイルをに変換し、タグをに.ogg変更しましたaudio

<audio id="beep-notify" src="beep.wav"></audio>

mime_types.rbファイルも次のように変更しました

# Be sure to restart your server when you modify this file.

# Add new mime types for use in respond_to blocks:
# Mime::Type.register "text/richtext", :rtf
# Mime::Type.register_alias "text/html", :iphone
Mime::Type.register "application/ogg", :ogg

そして、それは問題を解決しました。現在、Firefox で動作しています。audioしかし、ブラウザーで html5 要素をサポートしていないため、Safari ではまだ機能していません。

これが誰かに役立つことを願っています。

エラルフ

于 2012-11-27T09:00:09.153 に答える