2016-06-29 4 views
0

기본 JavaScript를 사용하면 this fiddle처럼 원격 서버에서 .mp3 파일을 재생할 수 있습니다 (코드가 실행되는 서버에서 파일을로드하는 것과 반대).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는 자동으로 CORS에 문제가없고 재생할 hTML5 Audio로 자동 삭제됩니다. –

관련 문제