Остановить звук при нажатии и воспроизвести

Question

<button class="button" style="width: 200px;" onclick="playSound()">Play sound</button>

function playSound() {
          audio.pause();
          var audio = new Audio('V2018-Museum-filer/mp3file.mp3');
          audio.play();
        }

При нажатии кнопки несколько раз, чтобы запустить звук несколько раз, я хочу остановить уже воспроизводимый звук для его воспроизведения.Как я могу это сделать?Я получаю сообщение о том, что звук не определен.

Answer 1

Надеюсь, это поможет ...

При нажатии кнопки звук приостанавливается и перезапускается при втором щелчке.

function playSound() {
  var audioControl = document.getElementById('sound');
  var btn = $("#player");

  if (btn.click && audioControl.paused !== true) {
    audioControl.pause();
  } else if (btn.click && audioControl.paused === true) {
  audioControl.currentTime = 0;
    audioControl.play();
  }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<audio id="sound" controls>
  <source src="http://www.largesound.com/ashborytour/sound/brobob.mp3" type="audio/mpeg">
</audio>
<button id="player" style="width: 200px;" onclick="playSound()">Play sound</button>