javascript - 在 Firefox 中使用 howler.js 播放 mp3

标签 javascript firefox audio firefox-os howler.js

我正在尝试开发一个播放 .mp3 文件的简单应用程序。为此,我正在使用 Howler.js .我使用下面的代码来播放 mp3,但我不确定为什么我听不到声音。

<!DOCTYPE html>
<html">
<head>
    <title>Play Sound</title>
    <script src="howler.min.js"></script>
</head>
<body>
  <button id="btn">Play</button>

  <script>
      var pong = new Howl({urls: ['pong.wav']});
      document.getElementById('btn').onclick=function(){pong.play();}
  </script>
</body>
</html>

嗯,我有一个小的 .wav 文件 pong.wav (7.08kb) 我可以使用该应用程序播放。但是如果我尝试播放其他文件,如 .mp3,我听不到任何声音。这个问题只出现在 Firefox 浏览器上(因为 Firefox 没有 mp3 的编解码器)但在 Chrome 上工作正常。那么,如何在 Firefox 浏览器中播放 .mp3(更感兴趣的是在 Firefox OS 模拟器/设备中实现)。

最佳答案

要获得完整的浏览器覆盖率,您需要使用不止一种音频格式,这就是 howler.js 要求在 urls 属性中使用数组的原因。 howler.js 然后将播放该浏览器支持的声音。例如:

urls: ['pong.mp3', 'pong.ogg']

您可以在此处查看有关支持的媒体格式的详细信息:

https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats

关于javascript - 在 Firefox 中使用 howler.js 播放 mp3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23953340/

相关文章:

javascript - 如何根据其属性值过滤充满数组的对象

html - 在 Mozilla firefox 的下一行中出现 div 之后的元素

javascript - 从存储在本地存储中的数组中获取数据的最佳方法是什么?

javascript - 为什么在通过 setTimeout 更新状态之前评估三元运算符的不可到达部分?

html - 从 Firefox 加载外部 .CSS 文件

audio - 通过UDP在wifi网络中流音频

security - 音频文件的数字签名

ios - 如何在 Nativescript 上访问 ios 核心音频(AudioQueue)

javascript - kendo ui treeList 最大调用栈大小错误

html - firefox 和 <code> 标签的字体大小问题