javascript - 随机化 html5 音频中的播放起点

标签 javascript html audio toggle playback

单击播放按钮时,我希望 mp3/ogg 文件从不同的随机点开始播放。

只有一个按钮,并且没有可见的玩家可供用户切换回合。它就像 radio 效果一样。

我对 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();

最佳答案

试试这个:

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

关于javascript - 随机化 html5 音频中的播放起点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44327515/

相关文章:

javascript - 如何存储用于进行ajax调用的url

javascript - 字符串过滤。需要去掉&lt;style&gt;标签及其内容,只保留<body>中的内容

没有root权限的Python音频?

html - 显示没有 float 的内联 block

iOS, swift : play background music and sound effects without delay

shell - arduino yun与USB声卡获取文件数

Javascript:可以在图像完全加载之前获取图像尺寸吗?

javascript - 如何在 MobX 操作中包含多个等待调用

php - 与 PHP 文件和本地 javascript 文件的 JSON 跨域通信

javascript - 为什么我的 https 来源没有使用 navigator Geolocation 服务的权限?