首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >在火狐中使用howler.js播放howler.js

在火狐中使用howler.js播放howler.js
EN

Stack Overflow用户
提问于 2014-05-30 11:18:36
回答 2查看 4.5K关注 0票数 1

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

代码语言:javascript
复制
<!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,我不会得到任何声音。这个问题只出现在火狐浏览器上(因为火狐没有mp3的编解码器),但在Chrome上可以很好地工作。那么,如何在火狐浏览器中播放.mp3 (更感兴趣的是在Firefox模拟器/设备中实现)。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-06-26 12:56:52

代码语言:javascript
复制
urls: ['pong.ogg', 'pong.mp3']

首先将url放置到.ogg文件

票数 0
EN

Stack Overflow用户

发布于 2014-05-30 21:05:17

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

代码语言:javascript
复制
urls: ['pong.mp3', 'pong.ogg']

您可以在这里看到有关支持媒体格式的详细信息:

格式

票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/23953340

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档