♪

document.addEventListener('DOMContentLoaded', (event) => { const audio = document.getElementById('myMusic'); const playButton = document.querySelector('.playy'); const pauseButton = document.querySelector('.pausee'); const nextButton = document.querySelector('.next'); const prevButton = document.querySelector('.prev'); const songs = [ "https://dl.dropbox.com/scl/fi/tcghk49jqbwqp2mt49du4/demotapes-jukaa-find-u-jukaa-128k_ENIXxJPb.mp3?rlkey=o850wx4zwdi7sdw6vzsntdsdc&e=1&st=4117n28e&dl=0", "https://dl.dropbox.com/scl/fi/tcghk49jqbwqp2mt49du4/demotapes-jukaa-find-u-jukaa-128k_ENIXxJPb.mp3?rlkey=o850wx4zwdi7sdw6vzsntdsdc&e=1&st=4117n28e&dl=0" ]; let currentSongIndex = 0; // Attempt to auto play the music audio.play().catch(() => { // Autoplay failed due to browser restrictions playButton.style.display = 'block'; pauseButton.style.display = 'none'; }); // Toggle play/pause on button click playButton.addEventListener('click', () => { audio.play(); playButton.style.display = 'none'; pauseButton.style.display = 'block'; }); pauseButton.addEventListener('click', () => { audio.pause(); playButton.style.display = 'block'; pauseButton.style.display = 'none'; }); // Ensure correct button is shown based on playback state audio.addEventListener('play', () => { playButton.style.display = 'none'; pauseButton.style.display = 'block'; }); audio.addEventListener('pause', () => { playButton.style.display = 'block'; pauseButton.style.display = 'none'; }); // Switch to the next song when the current one ends audio.addEventListener('ended', () => { currentSongIndex = (currentSongIndex + 1) % songs.length; audio.src = songs[currentSongIndex]; audio.play(); }); // Play next song on next button click nextButton.addEventListener('click', () => { currentSongIndex = (currentSongIndex + 1) % songs.length; audio.src = songs[currentSongIndex]; audio.play(); }); // Play previous song on prev button click prevButton.addEventListener('click', () => { currentSongIndex = (currentSongIndex - 1 + songs.length) % songs.length; audio.src = songs[currentSongIndex]; audio.play(); }); });

tiaa.baby

Buy Me a Coffee at ko-fi.com

Tiara

wander + wonder
Sony A7 IV but mostly iPhone
🇹🇭→ 🇺🇸🇯🇵🇰🇷🇨🇳🇹🇼🇬🇧🏴󠁧󠁢󠁳󠁣󠁴󠁿🇭🇰🇸🇬🇲🇽🇶🇦🇦🇪

All photographs on this website are original works by Tiara (@tinkertiaa)
For usage inquiries, please contact: [email protected]

about

elsewhere

♡ ♡ ♡
about
elsewhere
°o°