function sequencer(){
const kick = new Tone.Player("./drums/PJ - Divine (Kick).wav").toDestination();
const snare = new Tone.Player("./drums/PJ - Divine (Kick).wav").toDestination();
let index = 0;
Tone.Transport.scheduleRepeat(repeat, "8n");
Tone.Transport.start();
function repeat(){
let step = index % 8;
let kickInputs = document.querySelector(
`.kick input:nth-child(${step + 1 })`
);
let snareInputs = document.querySelector(
`.snare input:nth-child(${step + 1 })`
);
let painoInputs = document.querySelector(
`.paino input:nth-child(${step + 1 })`
);
document.querySelector('kickInput').addEventListener('checked', () => kick.resume());
document.querySelector('snareInput').addEventListener('checked', () => snare.resume());
index++;
}
}
sequencer();
<--this is my html file--/>
这是html文件,我希望声音在播放时复选框/复选框被用户选中/单击,但是我得到的是错误:不允许启动audiocontext,需要创建它或继续........
<div class="container">
<div class="starter-template">
<div class="Drum">
<div class="Kick">
<h1>DRUM</h1>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
</div>
<div class="Snare">
<h1>SNARE</h1>
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
<input type="checkbox">
</div>
我的Chrome浏览器始终会抛出此错误,是编码和使用tone.js的新手,任何机构都可以帮助我查看我的代码,并告诉我是否做错了...