javascript - 是否可以使用 Howler.js 在远程服务器上播放声音？

Question

使用基本的 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 也可能有同样的情况吗？ ？我还没能完成这个任务。

Answer 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 出现任何问题。