Estoy creando una aplicación de música como "Música de YouTube" y tengo problemas con el botón Reproducir/Pausar. cuando hago clic en cualquier imagen para reproducir la canción, el botón de reproducción/pausa solo muestra una imagen específica una y otra vez, y es difícil saber qué canción se está ejecutando en la aplicación. Mostré 'ninguno/bloquear/' en la función javascript, pero aún enfrentaba un problema.
Soy principiante y me apasiona saber más. Cualquier ayuda sería apreciada
Aquí está el código de esa aplicación:
let isplaying = false; let btnplay = document.getElementById('play_btn'); btnplay.addEventListener('click', () => { if (isplaying) { pausesongs(audioId); } else { playsongs(audioId) }; }); function playsongs(audioId) { isplaying = true; let audio = document.getElementById(audioId); // clickPage(); audio.play(); btnplay.style.display = 'block'; btnplay.classList.replace('fa-play', 'fa-pause') } function pausesongs(audioId) { isplaying = false; let audio = document.getElementById(audioId); audio.pause(); btnplay.style.display = 'none';enter code here <!-- <audio src="../music/song3.mp3"><img src="https://fooltop.com/wp-content/uploads/2020/05/karan-Aujla-best-songs.jpg" alt="" class="song_img"></audio> --> <img onclick="playsongs('punjabi')" ondblclick="pausesongs('punjabi')" src="https://fooltop.com/wp-content/uploads/2020/05/karan-Aujla-best-songs.jpg" alt="" class="song_img"> <!-- <i id="play_btn" class="fa fa-play"></i> --> <audio id="punjabi" src="../music/song3.mp3"></audio> <div class="song_details_with_views"> <h2 class="song_name">Itz a Hustle</h2> <p class="channel_name">Karan Aujla</p> </div> </a> </div>