Howler.JS + Angular - 播放声音文件的路径答案

【问题标题】：Howler.JS + Angular - path for playing sound fileHowler.JS + Angular - 播放声音文件的路径
【发布时间】：2014-12-31 00:19:01
【问题描述】：

我正在尝试在 cordova + ionic 混合应用中播放 mp3 文件。

声音存储在：

www/sounds/dubstep/sound.mp3

我正在尝试使用以下代码从位于/www/scripts/services/global.js 的服务中播放文件：

var sound = new Howl({
     src: ['sounds/dubstep/sound.mp3'],
     onend: function() {
         console.log('Finished!');
     },
     onloaderror: function() {
        console.log('Error!');
    },
});

sound.play();

但它总是抛出onloaderror。

我应该如何以正确的方式设置路径？

感谢您的帮助。

【问题讨论】：

你用的是什么版本？即将发布 2 还是最新的稳定版本？
你知道Cordova是否支持mp3？我从未测试过它，但我使用过 node-webkit，由于专有特性，它不支持 mp3。
您可以检查网络选项卡以验证是否有 404 吗？

标签： javascript angularjs cordova audio howler.js

【解决方案1】：

根据 github 文档，您应该使用 urls 而不是 src：

var sound = new Howl({
    urls: ['sounds/dubstep/sound.mp3'],
    onend: function() {
        console.log('Finished!');
    },
    onloaderror: function() {
        console.log('Error!');
    },
});

源：https://github.com/goldfire/howler.js/

【讨论】：

如果他们正在使用即将发布的 2.0 版本，那么src 是正确的。