audio-context-constructor.js:8不允许启动AudioContext。用户在页面上手势后必须恢复(或创建)。

问题描述 投票:0回答:1
我的Chrome浏览器始终会抛出此错误,这是编码和使用tone.js的新内容请任何人可以帮助我查看我的代码,并告诉我是否做错了

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的新手,任何机构都可以帮助我查看我的代码,并告诉我是否做错了...
google-chrome browser audiocontext tone.js
1个回答
0
投票
@@ Don Muyi,您可能已经知道了这一点,但是您的错误是由Tone的第8行引起的。 Transport.start()–如果没有用户的明确交互,Chrome和许多其他网络浏览器将不允许您开始播放声音。
© www.soinside.com 2019 - 2024. All rights reserved.