0

この fiddleに見られるように、基本的な JavaScript を使用して、リモート サーバーから .mp3 を再生することができます (コードが実行されている同じサーバーからファイルをロードするのではなく) 。

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 でも同じことが可能ですか? 私はそれを達成することができませんでした。

4

1 に答える 1

1

ドキュメントには、urls配列が任意の URL または base64 でエンコードされた URI を取ると記載されています。したがって、次のようなものが機能するはずです。

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

ただし、mp3 形式はすべてのブラウザーでサポートされているわけではないことに注意してください: caniuse.com

編集: CORS の問題が発生する可能性があります (Same Origin Policy)。

編集 2 : @JamesSimpson がコメントで指摘しているように、html5 オーディオ フォールバックは CORS の問題を防ぐ必要があります。

于 2016-06-29T02:29:55.360 に答える