gaugendre/buzzer
1
0
Fork 0
mirror of https://github.com/Crocmagnon/buzzer.git synced 2024-11-21 23:48:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add button to stop playing

Browse source
This commit is contained in:
Gabriel Augendre 2023-01-02 23:05:18 +01:00
parent 83baacdfa4
commit 13c58ea1b6
3 changed files with 22 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
data/www/index.html
View file

@ -15,6 +15,7 @@
<div class="w3-margin w3-center w3-card w3-padding-24">
<button onclick="play()" class="w3-button w3-blue w3-xlarge w3-ripple">Jouer le son</button>
<button onclick="stop()" class="w3-button w3-blue w3-xlarge w3-ripple">Stop</button>
</div>
<div class="w3-margin w3-center w3-card w3-padding-24">

16
data/www/script.js
View file

@ -1,4 +1,5 @@
const GLOBAL_TIMEOUT = 7000;
const GLOBAL_TIMEOUT = 10000;
let connectionOk = true;
function play() {
console.log("Play...");
@ -6,6 +7,12 @@ function play() {
.catch(handleError);
}
function stop() {
console.log("Stop...");
fetch("/stop", { signal: AbortSignal.timeout(GLOBAL_TIMEOUT) })
.catch(handleError);
}
function volume(modifier) {
const body = new FormData();
body.set("modifier", modifier);
@ -35,7 +42,11 @@ function selectFile(name) {
function handleStatus(data) {
document.body.classList.remove("w3-disabled");
console.log("data", data);
if (!connectionOk) {
connectionOk = true;
location.reload();
}
let dom = "";
data.files.forEach(element => {
if (element === data.selectedFile) {
@ -54,6 +65,7 @@ function handleStatus(data) {
function handleError() {
console.log("Lost connection :'(");
document.body.classList.add("w3-disabled");
connectionOk = false;
}
(() => {

7
src/main.cpp
View file

@ -74,6 +74,12 @@ void play()
audio.connecttoFS(SD, path.c_str());
}
void onStop(AsyncWebServerRequest *request)
{
audio.stopSong();
request->send(200);
}
void onPlay(AsyncWebServerRequest *request)
{
play();
@ -237,6 +243,7 @@ void setup()
// Server
server.on("/play", HTTP_GET, onPlay);
server.on("/stop", HTTP_GET, onStop);
server.on("/status", HTTP_GET, onStatus);
server.on("/select-file", HTTP_POST, onSelectFile);
server.on("/change-volume", HTTP_POST, onChangeVolume);