javascript - 使用 Javascript 循环播放音频 onclick

标签 javascript loops audio onclick

我正在为一项作业创建一个启动板,并努力寻找一种在单击时循环播放音频剪辑,然后在再次单击时停止音频的方法。我有这段代码,但它不会循环 atm(我是 Javascript 新手,所以可能需要向我解释)。

<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>Title</title>
            <link rel="stylesheet" href="css/style.css">
            <script> var one = new Audio(); var two = new Audio(); var three = new Audio(); var four = new Audio();
            var five = new Audio(); var six = new Audio(); var seven = new Audio(); var eight = new Audio();
            one.src = "files/audio/one.wav"; two.src = "files/audio/two.wav"; three.src = "files/audio/three.wav";
            four.src = "files/audio/four.wav"; five.src = "files/audio/five.wav"; six.src = "files/audio/six.wav";
            seven.src = "files/audio/seven.wav"; eight.src = "files/audio/eight.wav";
            </script>
        </head>


<div class="parent">
        <div class="item" onmousedown="one.play()">Bass</div>
        <div class="item" onmousedown="two.play()">Bass</div>
        <div class="item" onmousedown="three.play()">Bass</div>
        <div class="item" onmousedown="four.play()">Beat</div>
        <div class="item" onmousedown="five.play()">Beat</div>
        <div class="item" onmousedown="six.play()">Beat</div>
        <div class="item" onmousedown="seven.play()">Drum</div>
        <div class="item" onmousedown="eight.play()">Drum</div>
</div>

最佳答案

如其他 SO 帖子所示,Web Audio 元素有一个循环属性,您可以将其设置为 true Loop audio with JavaScriptJavascript Repeating Audio

对于每个音频实例,您需要将其设置为 true。 例如

one.loop = true;
two.loop = true;

关于javascript - 使用 Javascript 循环播放音频 onclick,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44109076/

相关文章:

javascript - Edi-Cam 使用 Intel Edison 流式传输视频 需要帮助

javascript - 不可变JS : Merging two Lists by values

javascript - polymer 1.0/leaflet 0.7.3 中的 Element.clientWidth/.clientHeight

arrays - 循环遍历数组并一次显示单个项目,并具有动态持续时间,例如react js中的setTimeout或SetInterval

linux - bash 脚本语言使用循环打印数字列表

c# - 来自过滤器代码的音频点击/弹出

具有固定导航栏的 Javascript 不起作用

algorithm - 比嵌套循环更快的算法?

ios - 是否有任何库可以在 iPhone 中使用 AVCaptureSession 获取 vorbis 格式的音频数据?

python - 将模块多处理与 pyaudio 结合使用