Added stop button for hello audio worklet example

[duojet2ez]

I added a stop button to the hello audio worklet example enabling the user to stop and start the sound.

Specifically, I used audioContext.suspend() to allow the user to pause the sound with a stop button. And I added an isModuleLoaded check to avoid redundantly calling addModule. Also added isPlaying to toggle the playing state.

[duojet2ez]

@hoch this is the single example version of my previous PR. Just to update you on getting a test page for quick and easy inspection of the PR, I started looking into this again yesterday and it does seem possible to do with github pages + github actions. I will continue researching this over the course of the week and provide updates.

[hoch]

Thanks for your patience, and I am hopeful that we can land this pretty soon.

[duojet2ez]

Thanks for the feedback!!

• I extracted the following lines mentioned and put them in a loadGraph function:

  oscillatorNode = new OscillatorNode(context);
  const bypasser = new AudioWorkletNode(context, 'bypass-processor');
  oscillatorNode.connect(bypasser).connect(context.destination);
  oscillatorNode.start();

• created a bool isGraphReady to serve as a guard for graph connections in startAudio function

• removed unnecessary lines 41-51

• audioContext.resume() placed in click event

• Click event should now only care about resume and suspend

[hoch]

LGTM

It looks like there's a conflict, so once you resolve it I'll merge the PR.

[duojet2ez]

Cool I think that should resolve the conflict!