♪

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/gurygoeuzncidsnymneg2/seeing-pink_pokoQPBr-1.mp3?rlkey=buwnktghq6eozlcwke4c3s7ub&e=1&st=1clr276f&dl=0", "https://dl.dropbox.com/scl/fi/gurygoeuzncidsnymneg2/seeing-pink_pokoQPBr-1.mp3?rlkey=buwnktghq6eozlcwke4c3s7ub&e=1&st=1clr276f&dl=0", "https://dl.dropbox.com/scl/fi/gurygoeuzncidsnymneg2/seeing-pink_pokoQPBr-1.mp3?rlkey=buwnktghq6eozlcwke4c3s7ub&e=1&st=1clr276f&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

Tiaa

☁️ 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°