2016-06-29 29 views
0

使用基本的JavaScript,可以在遠程服務器上播放.mp3文件(而不是從運行代碼的同一服務器上加載文件),如this fiddle所示。是否可以使用Howler.js從遠程服務器播放聲音?

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

該文檔說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問題。

+0

這是正確的;但是,即使正確的CORS標頭不存在。 howler.js會自動回退到hTML5 Audio,這對CORS沒有任何問題,並且仍然可以播放。 –

相關問題