Persson-dev/Songdle
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

uggly working i guess

Browse Source
This commit is contained in:
Simon Pribylski
2025-07-01 20:01:24 +02:00
parent bbb9bc2751
commit 3a64770bb0
10 changed files with 88 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
html/index.html → back/html/index.html
View File

@@ -7,10 +7,10 @@
<title>TLT Guesser</title>
<script
src="https://cdn.jsdelivr.net/combine/npm/tone@14.7.58,npm/@magenta/music@1.23.1/es6/core.js,npm/focus-visible@5,npm/html-midi-player@1.5.0"></script>
</head>
<body>
<!-- <midi-player src="indie.mid" sound-font
</head>
<body>
<!-- <midi-player src="indie.mid" sound-font
visualizer="#myVisualizer">
</midi-player>
<midi-visualizer type="piano-roll" id="myVisualizer"></midi-visualizer> -->
@@ -18,22 +18,21 @@
<h1>Défi :</h1>
<div id="content">
<audio id="one" controls></audio>
<audio id="two" controls></audio>
<audio id="three" controls></audio>
<audio id="four" controls></audio>
<br/>
<div id="audios"></div>
</div>
<button id="submit" disabled="true" onclick="checkAnswer()">Vérifier la réponse</button>
<button onclick="document.getElementById('answer').hidden = false">Révéler la réponse</button>
<p id="answer" hidden="true">T'es pas censé voir ça ...</p>
<!-- <button onclick="document.getElementById('answer').hidden = false">Révéler la réponse</button> -->
<p id="message" hidden="true">T'es pas censé voir ça ...</p>
<form method="get" action="/">
<input type="submit" value="Nouveau défi"/>
<input type="submit" value="Nouveau défi" />
</form>
<script src="monscript.js"></script>
</body>
</html>
@@ -51,4 +50,4 @@ Prendre un fichier midi :
-->
-->

50
back/html/monscript.js Normal file
View File

@@ -0,0 +1,50 @@
const content = document.getElementById("content");
const audios = document.getElementById("audios");
const answerButton = document.getElementById("submit");
const select = document.createElement("select");
const messageText = document.getElementById("message");
let realAnswer = "";
function checkAnswer() {
messageText.hidden = false;
if (select.value === realAnswer) {
messageText.innerText = "Bravo !";
} else {
messageText.innerText = "Dommage, la réponse était : " + realAnswer;
}
}
function addAudio(data) {
const audio = document.createElement("audio");
audio.controls = true;
audio.src = "data:audio/ogg;base64," + data;
audios.append(audio);
}
function updateAudios(response) {
addAudio(response.dataOne);
addAudio(response.dataTwo);
addAudio(response.dataThree);
addAudio(response.dataFour);
content.append(document.createElement("br"));
response.answers.forEach(element => {
const option = document.createElement("option");
option.innerText = element;
select.append(option);
});
content.append(select);
realAnswer = response.answer;
answerButton.disabled = false;
}
fetch("/newchallenge", {
method: "POST"
})
.then((response) => response.json())
.then((json) => updateAudios(json));

0
src/main.cpp → back/src/main.cpp
View File

0
src/stx-execpipe.cpp → back/src/stx-execpipe.cpp
View File

0
src/stx-execpipe.h → back/src/stx-execpipe.h
View File

0
xmake.lua → back/xmake.lua
View File

11
docker-compose.yaml
View File

@@ -1,10 +1,7 @@
services:
web:
image: nginx
volumes:
- ./html:/usr/share/nginx/html
build:
context: .
dockerfile: images/Dockerfile
ports:
- "8080:80"
environment:
- NGINX_HOST=foobar.com
- NGINX_PORT=80
- "8080:8080"

BIN
html/indie.mid
View File

Binary file not shown.

25
html/monscript.js
View File

@@ -1,25 +0,0 @@
document.getElementById("");
// src="data:audio/ogg;base64,BASE64CODE"
function updateAudios(response) {
document.getElementById("one").src = "data:audio/ogg;base64," + response.dataOne;
document.getElementById("two").src = "data:audio/ogg;base64," + response.dataTwo;
document.getElementById("three").src = "data:audio/ogg;base64," + response.dataThree;
document.getElementById("four").src = "data:audio/ogg;base64," + response.dataFour;
document.getElementById("answer").innerText = "Réponse : " + response.answer;
const select = document.createElement("select");
response.answers.forEach(element => {
const option = document.createElement("option");
option.innerText = element;
select.append(option);
});
document.getElementById("content").append(select);
}
fetch("/newchallenge", {
method: "POST",
})
.then((response) => response.json())
.then((json) => updateAudios(json));

19
images/Dockerfile Normal file
View File

@@ -0,0 +1,19 @@
FROM debian:latest
RUN apt update && apt install -y g++ git 7zip make cmake libmysqlcppconn-dev ffmpeg
RUN git clone --recursive https://github.com/xmake-io/xmake.git \
&& cd ./xmake \
&& ./configure \
&& make \
&& make install
ENV XMAKE_ROOT=y
WORKDIR /app
COPY back /app
RUN xmake -y
ENTRYPOINT xmake run