Как воспроизводить аудио в определенное время в WordPress / Javascript, например, 60-х - PullRequest
Новая
       1

Как воспроизводить аудио в определенное время в WordPress / Javascript, например, 60-х

0 голосов
/ 27 апреля 2019

Я хочу сделать аудио интернет-магазин.там я продаю аудио.Итак, я загружаю туда основную музыку.я делаю ограничение для пользователя.Пользователь может играть только 60 секунд, после чего звук останавливается. 

<!DOCTYPE html>
<html>

<head>
  <title>Audio time set to zero</title>
</head>

<body>
  <audio id="myaudio" src="5 yr Plan - 140Bpm_Fm.mp3"></audio>
  <button onclick="settime()">play</button>
  <script type="text/javascript">
    function settime() {
      var audio = document.getElementById("myaudio");
      audio.currentTime = 0;
      audio.play();
      console.log(audio.currentTime);
      setInterval(function() {
        if (audio.currentTime > 60) {
          audio.pause();
        }
      }, 1000);
    }
  </script>
</body>

</html>

1 Ответ

0 голосов
/ 27 апреля 2019

Используйте timeupdate событие для прослушивания currentTime изменение свойства и при достижении 60 приостановка звука. 

<audio id="myaudio" src="5 yr Plan - 140Bpm_Fm.mp3"></audio>
<button onclick="settime()">play</button>
<script type="text/javascript">
  function settime() {
    var audio = document.getElementById("myaudio");
    audio.currentTime = 0;
    audio.play();
    audio.addEventListener('timeupdate', function() {
      if(this.currentTime >= 60) this.pause()
    })
  }
</script>

К вашему сведению: Еслиесть несколько звуковых тегов, которые затем повторяются и присоединяют один и тот же обработчик событий.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...