Error: The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page.

[jywarren]

This is a bug due to a new behavior in Chrome, for security!

The AudioContext was not allowed to start. It must be resumed (or created) after a user gesture on the page. https://goo.gl/7K7WLu

We need to make a Start button now, so that there is a user interaction before we start trying to read audio!

[jywarren]

I think we should maybe wrap these lines in a function triggered by a click on a button:

webjack/examples/index.html

Lines 71 to 87 in 3af7fff

	connection = new WebJack.Connection(profile);
	connection.listen(function(data) {
	log.apend(data);
	console.log('Arduino to WebJack: ' + data);
	});
	function send(e) {
	e.preventDefault();
	var text = $('.userinput').val();
	connection.send(text);
	console.log('WebJack to Arduino: ' + text);
	return false;
	}
	$('.send').click(send);
	$('.sendForm').submit(send);

Like:

$('.btn-begin').click(initWebjack);

function initWebjack() {
  // ... everything here
}

[jywarren]

I tried this on the gh-pages branch, in 8a38bc3

But apparently lines 24-25 of this file also do it: https://webjack.io/examples/fft/p5.sound.min.js

so we need to load that file only after interaction, i guess...

[jywarren]

Weird, getting: ?3141:82 Uncaught SyntaxError: Invalid or unexpected token on line 82, which is:

        $('body').append("<script src='fft/p5.sound.min.js'></script>");

Not sure what's wrong with that!

[jywarren]

I think i got this working on gh-pages, just need to change dimensions so you can see it in mobile phone screen sizes!

[jywarren]

[jywarren]

It's off the bottom!

[jywarren]

Link to https://github.com/processing/p5.js-sound/issues/249, the 1-3 second delay is not fixing this...

[jywarren]

Hmm... try to use getAudioContext().resume()

[jywarren]

now userStartAudio()...