미디어위키:Gadget-Jsfxr.js

function asyncJSLoader(url, type) {
	return new Promise(function (resolve, reject) {
	try {
		var scriptElement = document.createElement("script");
		scriptElement.src = url;
		scriptElement.async = true; // force asynchronous loading
		scriptElement.type = type;
		var contextsection = document.getElementById("content"); // main Element
		scriptElement.addEventListener("load", function (ev) {
	        resolve({ status: true });
	    });
	    scriptElement.addEventListener("error", function (ev) {
	        reject({
	            status: false,
	            message: "Failed to load the script"
	        });
	    });
	    contextsection.appendChild(scriptElement);
	} catch (e) {
        reject(e);
    }
	});
}

function catchError(e){
	mw.log.error(e);
}
var sfxrhandle;
function loadJsfxr(){
	var parameter = document.getElementsByClassName("libertygame-soundlink");
	if (!parameter || parameter.length === 0) return;
	// 주의: Promise.all로 정리할 수 없습니다. 마지막 콜백에서만 sfxr 네임스페이스 변수가 생깁니다.
	asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/riffwave.js", "text/javascript").then(function (res) {
		return asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/sfxr.js", "text/javascript").then(function (res) {
			sfxrhandle = sfxr;
			console.log(sfxr);
			for (var j in parameter){
				var itemlist = parameter.item(j).children;
				var elem = itemlist.item(0);
				elem.addEventListener("click" ,function(e) {
					var presetmap = {"줍기":" pickupCoin", "쏘기":"laserShoot", "폭발": "explosion", "파워업":"powerUp", "공격당함": "hitHurt", "점프" :"jump", "선택": "blipSelect", "신스": "synth", "톤":"tone", "클릭": "click", "랜덤": "random"};
					console.log(event.target.textContent+" 재생");
					var sound = sfxrhandle.generate(presetmap[event.target.textContent]);
					sfxrhandle.play(sound);
					event.stopPropagation();
				});
			}
		}).catch(catchError);
	}).catch(catchError);
	console.log(sfxrhandle);
}

$(loadJsfxr);

$("#libertygame-soundlink").find("a").on('click', function(event, request, settings) {
	
});