diff --git a/node-server/assets/script.js b/node-server/assets/script.js index c07db44..ed96489 100644 --- a/node-server/assets/script.js +++ b/node-server/assets/script.js @@ -112,6 +112,7 @@ function updateVinylRotation() { // Rotation proportionnelle au temps courant currentRotation = (audio.currentTime / audio.duration) * 360 * rotationsPerTrack; vinyl.style.transform = `rotate(${currentRotation}deg)`; + console.log('Rotation:', currentRotation); // Debug } } @@ -121,6 +122,7 @@ vinyl.addEventListener('click', togglePlay); audio.addEventListener('timeupdate', updateProgress); audio.addEventListener('loadedmetadata', () => { durationEl.textContent = formatTime(audio.duration); + console.log('Audio duration:', audio.duration); }); progress.addEventListener('click', setProgress); diff --git a/node-server/assets/stylesmf.css b/node-server/assets/stylesmf.css index 231e4ba..5729243 100644 --- a/node-server/assets/stylesmf.css +++ b/node-server/assets/stylesmf.css @@ -78,8 +78,8 @@ body { height: 600px; border-radius: 50%; background: radial-gradient(circle at center, #444 0%, #111 60%, #000 100%); - animation: spin 4s linear infinite; - animation-play-state: paused; + /*animation: spin 4s linear infinite; + animation-play-state: paused;*/ display: flex; align-items: center; justify-content: center;