使用基本的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是否可能发生同样的事情?我还没能做到。

最佳答案

该文档说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出现任何问题。

09-30 19:26