2017-05-22 143 views
0

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

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

回答