SoundJS(PreloadJS)でfileloadイベントが発火しない

Question

SoundJS(PreloadJS)でmp3ファイルを読み込んで、音を鳴らしたいのですが、なぜか以下のコードだと、fileloadイベントが発火しません。原因がわかる方がいらっしゃいましたらご教授ください。

;(function(){

	function init() {

		// preloadjsのインスタンスにsoundjsのクラスを渡す
		var queue = new createjs.LoadQueue(true);
		queue.installPlugin(createjs.Sound);

		// ファイルをqueueに登録して、fileloadイベントでsoundjsのインスタンスを作るfunctionに渡す
		var manifest = [
			{id: "sound1", src: "assets/sound.mp3"}
		];
		queue.loadManifest(manifest, true);
		queue.addEventListener('fileload', handleFileLoad);
		

		function handleFileLoad(event) {

			var item = event.item;
			var type = item.type;
			if (createjs.LoadQueue.SOUND === type) {
				startSound(item.id);
			}
		}

		function startSound(soundid) {
			// SoundJSのインスタンスを再生(idを指定)
			var instance = createjs.Sound.createInstance(soundid);
			instance.setVolume(0.1);

			function doPlay() {
				instance.play(); // 再生
			}

			function doStop() {
				instance.stop(); // 停止
			}

			document.getElementById('play').addEventListener('click', doPlay);
			document.getElementById('stop').addEventListener('click', doStop);
		}

	}

	window.onload = function() {
		init();
	}

})();

Answer 1

ソースコード自体は問題ないように思えます。

PreloadJSの仕様なのか、ブラウザによっては"Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https."というエラーメッセージが出ないことがあるようです。

これは、自分のドメインとは異なるドメインのリソースを要求することで起こるエラーです。

対処法としては、サーバーを立ててそこで実行させるか、https://qiita.com/cigalecigales/items/33afaa42f91542ffa62e
このあたりのサイトを参考にしたらうまくいくように思います。