🎵 WAV Media Player Test Page

⚠️ Before Testing:

Make sure you have the WAV file at: /wav/biolizard_sxsg.wav
If the file is in a different location, update the path in music.js
Check the browser console (F12) for any errors

Test Buttons

Click any button below to test the media player:

Debug Information

Loading scripts...

What Should Happen:

Click a button above
Media player appears at the bottom of the screen
On mobile (≤877px): Player is 100% width, 21.1vh height
On desktop (≥878px): Player is at bottom right, 27vw width (10% smaller)
Song name and description show in the player
Click Play to start the audio
Loop region shows in red (inactive) on the seeker bar
Click "Loop" button to activate looping (turns green)
Click "Theme" button to cycle through css1-css10 themes
Use Next/Previous to navigate between songs
Player hides after 60 seconds of inactivity

Testing Responsive Sizing:

Resize your browser to 600px width → Player should be 100% width
Resize your browser to 1200px width → Player should be at bottom right
The breakpoint is at 877px/878px

Testing Theme Cycling:

Click "Theme" button once → Background changes to Dark Blue (css2)
Keep clicking to cycle through all 10 themes
Check browser console (F12) to see which theme is active
After css10, it loops back to css1