随机化html5音频切换中的播放起始点

时间:2017-06-02 11:11:17

标签: javascript html5 audio toggle playback

单击播放按钮时,我希望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();

1 个答案:

答案 0 :(得分:0)

试试这个:

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