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

very bad thing

Browse Source
This commit is contained in:
Simon Pribylski
2025-07-01 19:29:38 +02:00
parent ee0b1731e8
commit e566f14cd8
4 changed files with 133 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
html/index.html
View File

@@ -10,10 +10,26 @@
</head>
<body>
<midi-player src="indie.mid" sound-font
<!-- <midi-player src="indie.mid" sound-font
visualizer="#myVisualizer">
</midi-player>
<midi-visualizer type="piano-roll" id="myVisualizer"></midi-visualizer>
<midi-visualizer type="piano-roll" id="myVisualizer"></midi-visualizer> -->
<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>
<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>
<script src="monscript.js"></script>
</body>
</html>

25
html/monscript.js Normal file
View File

@@ -0,0 +1,25 @@
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));