在 Firefox 中使用 howler.js 播放 mp3答案

【问题标题】：Play mp3 using howler.js in Firefox在 Firefox 中使用 howler.js 播放 mp3
【发布时间】：2014-07-20 03:20:42
【问题描述】：

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

【问题讨论】：

Mozilla 说：MP3 音频格式（.mp3, audio/mpeg; [...]）在
@Gio 操作系统：Windows 7，浏览器：Firefox 29.0.1

标签： javascript firefox audio firefox-os howler.js

【解决方案1】：

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

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

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

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

【讨论】：

感谢您制作 Howler 插件，最初我使用 this 发布推送通知的声音，当通知到达时，我调用了一个 java 脚本函数来播放，但不幸的是，chrome 在最小化时禁用了 javascript 执行，但是当我使用 Howler 时效果很好。但是有没有为每个循环添加 30 秒静音的功能？

【解决方案2】：

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

首先放置 .ogg 文件的 url

【讨论】：