使用 Javascript 循环音频 onclick答案

【问题标题】：Looping audio onclick with Javascript使用 Javascript 循环音频 onclick
【发布时间】：2017-05-22 09:15:46
【问题描述】：

我正在为一项作业创建一个启动板，并且努力寻找一种方法来循环播放和单击音频剪辑，然后在再次单击时停止音频。我有这段代码，但它不会循环 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>

【问题讨论】：

标签： javascript loops audio onclick

【解决方案1】：

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

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

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

【讨论】：