是否可以使用Howler.js播放远程服务器的声音?

时间:2016-06-29 02:02:59

标签: javascript html5-audio web-audio howler.js

使用基本JavaScript,可以从远程服务器上播放.mp3(而不是从运行代码的同一服务器上加载文件),如this fiddle中所示。

var audioElement = document.createElement('audio');

audioElement.setAttribute('src', 'http://www.uscis.gov/files/nativedocuments/Track%2093.mp3');
audioElement.setAttribute('autoplay', 'autoplay');

audioElement.addEventListener("load", function() {
    audioElement.play();
}, true);

Howler.js同样可能吗?我还没有完成它。

1 个答案:

答案 0 :(得分:1)

文档说明urls数组将采用任何URL或base64编码的URI。所以这样的事情应该有效:

var sound = new Howl({
    urls: ['http://www.uscis.gov/files/nativedocuments/Track%2093.mp3']
}).play();

但请注意,并非所有浏览器都支持mp3格式:caniuse.com

编辑:您可能会遇到CORS问题(同源政策)。

编辑2 :正如@JamesSimpson在评论中指出的那样,html5音频后备应该可以防止CORS出现任何问题。