Javascript 使用按钮播放音频，再次单击按钮时重新开始播放

我制作了几个按钮，如果我点击它，每个按钮都会播放指定的声音，如果我点击另一个按钮并播放该声音，就会停止声音。如果我再次点击按钮，声音会一直重复到开头。谢谢：）

HTML

---

您应该使用声音。暂停（）；暂停一下。 如果你想使用多个音频，你应该使用HTML音频标签。 它将允许您同时暂停所有这些操作。
例子：

功能播放声音（e）{
var sounds=document.getElementsByTagName（'audio'）；
对于（i=0；iSo您的意思是暂停音频并从停止的位置继续？感谢您的回复。不，我的意思是，如果我单击按钮，它将从中播放指定的声音，当我单击其他按钮时，播放声音将停止，而新声音将从新单击的按钮播放，如果我单击已播放的按钮，则声音将停止谢谢你的帮助，我会在家里试试：）
javascript 
$(document).ready(function(){

    $('#menuIcon').mouseover(function(e) {
    $('.bar1').addClass("hovered");
    $('.bar2').addClass("hovered");
    $('.bar3').addClass("hovered");
  });
  $('#menuIcon').mouseout(function () {
    $(".bar1").removeClass("hovered");
    $(".bar2").removeClass("hovered");
    $(".bar3").removeClass("hovered");
  });



  });

  function myFunction(x) {
    x.classList.toggle("change");
    $('.dropdown-menu').toggle();
  }


  function playSound() {
    var sound= new Audio('sound campaign/10,000 Reasons.mp3');
   sound.currentTime = 0
        sound.play();
    }

<input type="button" value="10,000 Reasons" onclick="playSound()" />

<input type="button" value="10,000 Reasons" onclick="playSound(0)" />

<audio src="sound campaign/10,000 Reasons.mp3" autoplay loop>
</audio>


function playSound(e) {
 var sounds = document.getElementsByTagName('audio');
  for(i=0; i<sounds.length; i++) sounds[i].pause();
 var sounds = document.getElementsByTagName('audio')[e];

   sound.currentTime = 0
        sound.play();
    }