Démarrage et arrêt de l'audio dans Javascript

Question

J'ai une fonction liée à un événement onClick. C'est censé jouer une chanson. Si une chanson est déjà jouée, elle est censée arrêter la chanson en cours et commencer à jouer la nouvelle. Le seul problème est que pour autant que je sache, il n'y a qu'une méthode pause et cela signifie que la chanson précédente reprendra de la position de pause et non le début. Y at-il un moyen de contourner cela (comme une méthode .stop())?

Voici mon code:

var currSong=""; 

function playSong(newSong){   
     alert(newSong); 
     if (newSong != ""){ 
      if(currSong != "") { 
       document.getElementById(currSong).pause(); 
      }   
      document.getElementById(newSong).play(); 
      currSong = newSong; 
     } 
} 

Answer 1

regardant les MDC documentation for the audio element, il semble que la bonne façon de le faire est en définissant la propriété currentTime:

function playSong(newSong){   
    alert(newSong); 
    if (newSong != ""){ 
     if(currSong != "") { 
      document.getElementById(currSong).pause(); 
     }   
     var newSongEl = document.getElementById(newSong); 
     newSongEl.currentTime = 0; 
     newSongEl.play(); 
     currSong = newSong; 
    } 
} 

En outre, il serait préférable pour stocker l'élément pertinent dans currSong, plutôt que son ID, sauf si vous utilisez l'ID pour autre chose.