미디어위키:Gadget-Jsfxr.js: 두 판 사이의 차이
둘러보기로 이동
검색으로 이동
잔글편집 요약 없음 |
잔글편집 요약 없음 |
||
(같은 사용자의 중간 판 42개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
/** | |||
* Jsfxr 프리셋 재생 소도구 | |||
* [[사:Senouis|Senouis]] 제작 | |||
*/ | |||
function asyncJSLoader(url, type) { | function asyncJSLoader(url, type) { | ||
return new Promise(function (resolve, reject) { | return new Promise(function (resolve, reject) { | ||
26번째 줄: | 32번째 줄: | ||
mw.log.error(e); | mw.log.error(e); | ||
} | } | ||
var sfxrhandle; | |||
function loadJsfxr(){ | function loadJsfxr(){ | ||
var parameter = document. | var parameter = document.getElementsByClassName("libertygame-soundlink"); | ||
if (!parameter || parameter. | if (!parameter || parameter.length === 0) return; | ||
// 주의: Promise.all로 정리할 수 없습니다. 마지막 콜백에서만 sfxr 네임스페이스 변수가 생깁니다. | // 주의: Promise.all로 정리할 수 없습니다. 마지막 콜백에서만 sfxr 네임스페이스 변수가 생깁니다. | ||
asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/riffwave.js", "text/javascript").then(function (res) { | asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/riffwave.js", "text/javascript").then(function (res) { | ||
asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/sfxr.js", "text/javascript").then(function (res) { | asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/sfxr.js", "text/javascript").then(function (res) { | ||
sfxrhandle = sfxr; | |||
}).catch(catchError); | }).catch(catchError); | ||
}).catch(catchError); | }).catch(catchError); | ||
} | |||
$(loadJsfxr); | |||
$( | $(".libertygame-soundlink").find("a").on('mouseup', function(event, request, settings) { | ||
console.log(sfxrhandle); | |||
var presetmap = {"줍기":"pickupCoin", "쏘기":"laserShoot", "폭발": "explosion", "파워업":"powerUp", "공격당함": "hitHurt", "점프" :"jump", "선택": "blipSelect", "신스": "synth", "톤":"tone", "클릭": "click", "랜덤": "random"}; | |||
console.log(event.target.parentElement.getAttribute("data-value")+" 재생"); | |||
var sound = sfxrhandle.generate(presetmap[event.target.parentElement.getAttribute("data-value")]); | |||
sfxrhandle.play(sound); | |||
event.preventDefault(); | |||
//event.stopPropagation(); | |||
}); | }); |
2024년 10월 14일 (월) 15:01 기준 최신판
/**
* Jsfxr 프리셋 재생 소도구
* [[사:Senouis|Senouis]] 제작
*/
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) {
asyncJSLoader("https://cdn.jsdelivr.net/gh/Xen-alpha/jsfxr@master/sfxr.js", "text/javascript").then(function (res) {
sfxrhandle = sfxr;
}).catch(catchError);
}).catch(catchError);
}
$(loadJsfxr);
$(".libertygame-soundlink").find("a").on('mouseup', function(event, request, settings) {
console.log(sfxrhandle);
var presetmap = {"줍기":"pickupCoin", "쏘기":"laserShoot", "폭발": "explosion", "파워업":"powerUp", "공격당함": "hitHurt", "점프" :"jump", "선택": "blipSelect", "신스": "synth", "톤":"tone", "클릭": "click", "랜덤": "random"};
console.log(event.target.parentElement.getAttribute("data-value")+" 재생");
var sound = sfxrhandle.generate(presetmap[event.target.parentElement.getAttribute("data-value")]);
sfxrhandle.play(sound);
event.preventDefault();
//event.stopPropagation();
});