Question

我试图在我的应用程序中插入音频标签

<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

Eralph

Answer 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。但它仍然无法使用Safari，因为它们不支持浏览器中的html5 audio元素。

希望这有助于某人。

Eralph

HTTP＆＃34;内容类型＆＃34; ＆＃34; application / octet-stream＆＃34;不受支持。媒体资源的加载失败

1 个答案: