javascript - 如何重复html5音频

标签 javascript html html5-audio

回答前请仔细阅读(谢谢):

我想通过以下方式平滑地无缝重复轨道(比如 10 秒)给定次数(比如 3 次):

  1. 从给定的音频播放器中提取音频 - 不需要,从服务器等加载 .wav 就可以了
  2. 连接音频 n 次(将轨道添加到自身的末尾)
  3. 在新播放器中播放结果

2如何完成?一个例子会很好,但 2 是最令人费解的。

注意:将原始播放器设置为重复播放等不是一种选择,因为它在大多数浏览器上并不流畅。

最佳答案

循环属性是一个 bool 属性。

如果存在,它指定音频将在每次结束时重新开始。

<!DOCTYPE html>
<html>
<body>

<audio controls loop>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<p><strong>Note:</strong> The audio tag is not supported in Internet Explorer 8 and earlier versions.</p>

</body>
</html>

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_audio_loop

关于javascript - 如何重复html5音频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20522929/

相关文章:

javascript - 具有固定比例和最小宽度的旋转木马图像

javascript - 这个 href 是什么?

Javascript - 延迟音频播放

Mac 上的 Firefox 中未显示 HTML5 <audio> 元素

javascript - 下拉菜单更改时调用 Javascript 函数

Javascript 添加

javascript - 将 lodash 与 Angularjs 结合使用

javascript - 如何使用 $sce 插入带有 angular.js 的 iframe?

audio - 信号/声音处理:使文本振动成音乐

javascript - 使用 Node js 上传文件的最佳方法