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

这解决了问题。它现在正在火狐上工作。但是 Safari 仍然无法正常工作，因为它们的浏览器不支持 html5audio元素。

希望这可以帮助某人。

埃拉尔夫

于 2012-11-27T09:00:09.153 回答