Tiara

🌅Photos from my travels 🇹🇭🇺🇸🇯🇵🇭🇰🇰🇷🇬🇧🏴󠁧󠁢󠁳󠁣󠁴󠁿🇸🇬🇦🇪🇶🇦
📷Sony a7 IV, zv-e10, a5100, but mostly iPhone

🔗 x.com/tinkertiaa

⋆ . ₊ music player . ｡ ♪
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/j5ldvh0m261cucg5q3k7o/Delight.mp3?rlkey=th19m8q6i8ulcpjjmkx09kwfb&st=mmb8zrvh&dl=0', 'https://dl.dropbox.com/scl/fi/piza41qbpcg32f04mn4ua/LoveNote.mp3?rlkey=p7lakldzuc366f8bigtd031xh&st=85who6mc&dl=0', 'https://dl.dropbox.com/scl/fi/jxpzcqo6m402cvhvh5ezt/die-for-you.m4a?rlkey=7yp68unlif1hwb3ekz09qlvl3&st=ep1kyohj&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(); }); });

*All photographs on this site are the original work of Tiara B. <@tinkertiaa & tiaa.xyz>
Any unauthorized use, reproduction, distribution, or modification is strictly prohibited