155 lines
3.6 KiB
JavaScript
155 lines
3.6 KiB
JavaScript
var retrys = 0;
|
|
var ip = localStorage.getItem("ip");
|
|
var WSPort = 8080;
|
|
var isWebsocketConnected = false;
|
|
var connTimer = null;
|
|
var sounds = true;
|
|
var ws;
|
|
var display = true;
|
|
var audio = null;
|
|
var serverSound = false;
|
|
|
|
$(document).ready(function() {
|
|
$("#displayBtn").click(function() {
|
|
$("#startDiv").hide();
|
|
$("#display").show();
|
|
$(".controller").hide();
|
|
$("#blackScreen").show();
|
|
$("#connected").hide();
|
|
});
|
|
|
|
$("#controllerBtn").click(function() {
|
|
$("#startDiv").hide();
|
|
$("#display").show();
|
|
$(".controller").show();
|
|
display = false;
|
|
});
|
|
|
|
$("#clearAllFailsBtn").click(function() {
|
|
wsSend("clearAllFailsBtn", "");
|
|
});
|
|
|
|
$("#toggleSoundImg").click(function() {
|
|
wsSend("toggleSound", "");
|
|
});
|
|
|
|
$("#serverSoundImg").click(function() {
|
|
if(serverSound) {
|
|
serverSound = false;
|
|
$("#serverSoundImg").attr("src", "./img/noSound.png");
|
|
if(audio != null)
|
|
audio.pause();
|
|
if(intro != null)
|
|
intro.pause();
|
|
} else {
|
|
serverSound = true;
|
|
$("#serverSoundImg").attr("src", "./img/SoundOn.png");
|
|
}
|
|
});
|
|
init_xmarker();
|
|
connectWs();
|
|
});
|
|
|
|
|
|
var connectWs = function() {
|
|
ws = new WebSocket('ws://'+ip+':'+WSPort);
|
|
|
|
ws.onopen = function()
|
|
{
|
|
$("#notConnected").hide();
|
|
$("#connected").text("Verbunden mit: "+'ws://'+ip+':'+WSPort);
|
|
$("#connected").show();
|
|
isWebsocketConnected = true;
|
|
loadQuestions();
|
|
//console.log("connected to Websocket Server!!!");
|
|
}
|
|
|
|
ws.onclose = function()
|
|
{
|
|
$("#notConnected").show();
|
|
isWebsocketConnected = false;
|
|
//console.log("disconnected from Websocket Server!!!");
|
|
return null;
|
|
}
|
|
|
|
ws.onmessage = function (event) {
|
|
console.log("msg: "+event.data)
|
|
messageParts_a = event.data.split("###");
|
|
var key = messageParts_a[0];
|
|
var value = messageParts_a[1];
|
|
if(key =="setFail") {
|
|
if($(".marker"+value).css("color") == "rgb(127, 115, 115)") {
|
|
$(".marker"+value).css("color","rgb(211, 16, 16)");
|
|
if(sounds && (display || serverSound)) {
|
|
audio = new Audio('./sounds/fail.mp3');
|
|
audio.play();
|
|
}
|
|
} else {
|
|
$(".marker"+value).css("color","rgb(127, 115, 115)");
|
|
}
|
|
} else if(key == "clearAllFailsBtn") {
|
|
$.each($(".xmarker").find("span"), function() {
|
|
$(this).css("color","rgb(127, 115, 115)");
|
|
});
|
|
} else if(key == "toggleSound") {
|
|
if(sounds) {
|
|
$("#toggleSoundImg").attr("src", "./img/noSound.png");
|
|
if(audio != null)
|
|
audio.pause();
|
|
sounds = false;
|
|
} else {
|
|
$("#toggleSoundImg").attr("src", "./img/soundOn.png");
|
|
sounds = true;
|
|
}
|
|
} else if(key == "file") {
|
|
if(value == "fragen.txt") {
|
|
try {
|
|
fragen = JSON.parse(messageParts_a[2]);
|
|
fillFragenEditor();
|
|
fillFragenSelect();
|
|
} catch(e) {
|
|
console.log("Datei "+value+" konnte nicht geparsed werden!");
|
|
}
|
|
}
|
|
} else if(key == "loadQuestion") {
|
|
loadQuestionToGui(value);
|
|
} else if(key == "setAnswer") {
|
|
setAnswer(value, messageParts_a[2]);
|
|
} else if(key == "setAnz") {
|
|
setAnz(value, messageParts_a[2]);
|
|
} else if(key == "showIntro") {
|
|
showIntro();
|
|
} else if(key == "hideIntro") {
|
|
hideIntro();
|
|
} else if(key == "setIntroVolume") {
|
|
if(intro != null)
|
|
intro.volume = value;
|
|
} else if(key == "setLeftPoints") {
|
|
setLeftPoints(value);
|
|
} else if(key == "setRightPoints") {
|
|
setRightPoints(value);
|
|
} else if(key == "startJeopardy") {
|
|
startJeopardy();
|
|
} else if(key == "stopJeopardy") {
|
|
stopJeopardy();
|
|
} else if(key == "setJeopardyVolume") {
|
|
if(jeopardy != null)
|
|
jeopardy.volume = value;
|
|
} else if(key == "toggleBlackScreen") {
|
|
if(display) {
|
|
$("#blackScreen").toggle();
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|
|
|
|
function wsSend(key, msg)
|
|
{
|
|
console.log("send", key, msg);
|
|
if(isWebsocketConnected)
|
|
ws.send(key+"###"+msg);
|
|
}
|
|
|