2016-06-29 31 views
0

Unter Verwendung von grundlegendem JavaScript ist es möglich, eine .mp3 von einem Remote-Server abzuspielen (im Gegensatz zum Laden einer Datei von demselben Server, auf dem der Code ausgeführt wird), wie in this fiddle zu sehen ist.Kann mit Howler.js ein Sound von einem Remote-Server wiedergegeben werden?

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); 

Ist das Gleiche möglich mit Howler.js? Ich habe es nicht geschafft.

Antwort

1

Die Dokumentation besagt, dass das Array urls URLs oder base64-codierte URIs enthält. So etwas wie dies funktionieren sollte:

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

Beachten Sie jedoch, dass das mp3-Format nicht in allen Browsern unterstützt wird: caniuse.com


EDIT: Sie können in CORS Probleme laufen (Same Origin Politik).

Bearbeiten 2: Wie @JamesSimpson in den Kommentaren darauf hinweist, sollte der HTML5-Audio-Fallback Probleme mit CORS verhindern.

+0

Das ist richtig; selbst wenn die richtigen CORS-Header nicht vorhanden sind. howler.js wird automatisch auf hTML5 Audio zurückgreifen, das keine Probleme mit CORS hat und trotzdem spielen wird. –