Question

我正在尝试开发一个播放.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模拟器/设备中实现）。

Answer 1

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

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

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

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

Answer 2

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

首先将网址放在.ogg文件中

在Firefox中使用howler.js播放mp3

2 个答案: