미디어위키:Gadget-Jsfxr.js
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
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;
}).catch(catchError);
}).catch(catchError);
console.log(sfxrhandle);
}
$(loadJsfxr);
$("#libertygame-soundlink").find("a").on('click', function(event, request, settings) {
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);
});