diff --git a/templates/quiz_buzzer.html b/templates/quiz_buzzer.html index 1faf87f..95d82cd 100644 --- a/templates/quiz_buzzer.html +++ b/templates/quiz_buzzer.html @@ -244,6 +244,16 @@ setCorrectAnswer(); }); + player.addListener('player_state_changed', state => { + if (!state) return; + + // Wenn Musik anfängt zu spielen und Timer noch nicht gestartet wurde + if (!state.paused && gameStarted && !startTime) { + console.log('Music started playing, starting timer now'); + startBuzzerTimer(); + } + }); + player.addListener('not_ready', ({ device_id }) => { console.log('Device ID has gone offline', device_id); }); @@ -301,8 +311,10 @@ // Erster Klick: Starte Spiel gameStarted = true; document.getElementById('buzzerButton').innerHTML = '🔴
BUZZ!'; + document.getElementById('buzzerButton').style.background = 'linear-gradient(135deg, #666 0%, #444 100%)'; + document.getElementById('buzzerButton').style.cursor = 'wait'; - // Starte Musik + // Starte Musik - Timer startet automatisch wenn Musik wirklich abgespielt wird const device_id = window.deviceId; const startPosition = getOption('startPosition', 'start'); let position_ms = 0; @@ -314,8 +326,9 @@ fetch(`/play_track?device_id=${device_id}&track_uri={{ track.uri }}&position_ms=${position_ms}`, { method: 'POST' }) .then(response => response.json()) .then(() => { - // Starte Timer gleichzeitig mit Musik - startBuzzerTimer(); + console.log('Play command sent'); + document.getElementById('buzzerButton').style.background = 'linear-gradient(135deg, #f44336 0%, #d32f2f 100%)'; + document.getElementById('buzzerButton').style.cursor = 'pointer'; }) .catch(error => console.error('Error starting playback:', error));