用Javascript循環音頻onclick

Question

我正在為任務創建啟動板，並努力尋找一種在單擊時循環播放和播放音頻剪輯的方法，然后在再次單擊時停止音頻。 我有這段代碼，但它不會循環atm（我是Java語言的新手，因此可能需要向我解釋）。

<!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>

Answer 1

如其他SO帖子所示，Web Audio元素具有loop屬性，您可以將其設置為true 使用JavaScript和Javascript重復音頻

對於您的每個Audio實例，您需要將其設置為true。 例如

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

用Javascript循環音頻onclick

問題描述

1 個解決方案

解決方案1
3 已采納 2017-05-22 09:50:21

用Javascript循環音頻onclick

問題描述

1 個解決方案

解決方案1 3 已采納 2017-05-22 09:50:21

解決方案1
3 已采納 2017-05-22 09:50:21