Произведите рандомизацию начальной точки воспроизведения в html5 Audio on toggle

Question

Произведите рандомизацию начальной точки воспроизведения в html5 Audio on toggle

1

Когда нажата кнопка воспроизведения, я хочу, чтобы файл mp3/ogg начал играть из разных рандомизированных точек.

Там только одна кнопка и нет видимого игрока для переключения пользователя. Это означало как радиоэффект.

Я новичок в javascript, поэтому мне нужна помощь. Я думаю, что мне нужно немного кода, который подсказывает, что он случайно пропускает 10-30 секунд через файл. Но не уверен, как это сделать.

Код здесь:

<a onclick="javascript:toggleSound();"><li><i class="fa fa-play-circle" aria-hidden="true"></i></li></a>

<audio id="audio" preload="auto">
<source src="audio/filename.mp3" type="audio/mpeg"/>
<source src="audio/filename.ogg" type="audio/ogg"/>

function toggleSound() {
  var audioElem = document.getElementById('audio');
  if (audioElem.paused)
    audioElem.play();
  else
    audioElem.pause();

roserogue 02 июнь 2017, в 13:32

Источник

Теги:

javascript

audio

html5

toggle

playback

1 ответ

Ещё вопросы

Chris G · Accepted Answer · 2017-06-02T08-59-00.000Z

0

Лучший ответ

Попробуй это:

function toggleSound() {
  var audioElem = document.getElementById('audio');
  if (audioElem.paused) {
    audioElem.currentTime = parseInt(Math.random() * 20) + 10;
    audioElem.play();
  }
  else
    audioElem.pause();
}

Chris G 02 июнь 2017, в 08:59

0

Спасибо! Похоже, что при первом воспроизведении-паузе-воспроизведении это выглядит как скачок вперед, но если вы сделаете это во второй раз, он начнется снова с самого начала. Трек равен 1.30 с. Как вы думаете, почему?
roserogue 02 июнь 2017, в 11:47
0

Я добавил это, которое, кажется, работает audioElem.currentTime = parseInt (Math.random () * 60) + 10;
roserogue 02 июнь 2017, в 12:02
0

parseInt(Math.random() * 20) + 10 должен получить число в диапазоне от 10 до 30. Вы просто расширили диапазон до 10-70. Не уверен, как это решает проблему, которую вы описываете, но пока это работает для вас :)
Chris G 02 июнь 2017, в 13:03
0

может быть, расширение диапазона означало, что у него было больше вариантов интервалов для прыжка, поэтому более вероятно, что он будет случайным? Вероятно, ошибочная теория, но, похоже, работает!
roserogue 07 июнь 2017, в 13:33

Показать ещё 2 комментария