ijsnow / studiojs

A collection of tools to create your own in browser recording studio.
MIT License
32 stars 26 forks source link

Js warning in Chrome: AudioContext is not allowed to start #7

Open idreamin opened 5 years ago

idreamin commented 5 years ago
image

thank you very much !

cain06 commented 5 years ago

Anyone who is monitoring this, the solution to this is pretty easy, in the example there is a line like this:

const audioContext = new (window.AudioContext || window.webkitAudioContext)();

Really what you want to do is create the audioContext in your click handler, not as a const. E.g.


var audioContext = null;
$(".record").click(function() {
  if (audioContext == null) {
      audioContext =  new (window.AudioContext || window.webkitAudioContext)();
  }
  // rest of example will work now
});
nvlong198 commented 4 years ago

@cain06 @ijsnow from line 37 in example I created new audioContext like this:

start = () => {
      this.audioContext =  new (window.AudioContext || window.webkitAudioContext)();
      this.recorder.start()
        .then(() => this.setState({isRecording: true}));
    }

but It still warning in Chrome and I can not record anything. Firefox and edge work fine