(Web Audio API) Is it possible to start/stop the oscillator more than once?

Question

https://code.sololearn.com/WeiGA1770Zy4/?ref=app

The oscillator.stop() method seems to only mute the oscillator as it still runs in the background. Is there a way to fix the error when clicking again the start button?

Answer 1

Calviղ I think you are creating and stacking oscillators. push start more than once, only last one will stop.
AlexFr
I don't know JS but think hopefully this modified code is more rational.

https://code.sololearn.com/W025Fb0XPNr3/?ref=app

Answer 2

Check this, I hope this can help you
https://stackoverflow.com/questions/15261030/web-audio-start-and-stop-oscillator-then-start-it-again

Answer 3

AlexFr That also works but the general rule is to free up whatever you've allocated so your code doesn't waste resources.
when it gets big and runs a long time it'll have a huge negative impact on whole system and might fail too.

Answer 4

https://code.sololearn.com/W3Q5bZ126r4i/?ref=app

Answer 5

Tina 🕊🇺🇦🇮🇷 You're right about the stacking issue.
It was fine in my case cause I would just add btn-disabled in the start button but I guess is poor practice

Answer 6

AlexFr method is fine, since his program has prevented the button executed again, no resources is wasted.

Tina 🕊🇺🇦🇮🇷 you're right, i should have added a control status there to prevent overlapping play method going on.

Answer 7

Calviղ Yes in this case stacking the nodes is not a problem but still, it's better not having the audio running unnecessarily in the background.

Answer 8

AlexFr
AudioContext is fun.

Late entry, trying to functionally create separate independent audio blocks.

Memory leak is tricky. Starting, stopping, connecting and disconnecting multiple instances all add up to the confusion that leads orphan processes that's left running in the background.

Oscillators can only be started once in every session. You have to do a check before calling the start method or you will get a warning if you start it more than once.

To turn the sound on or off, use the connect and disconnect methods.

To prevent sound still running when you close the oscillator, you should add a disconnect, then a stop and finally a close then remove in your close function.

I also added delete ctx just to be sure. Make the close function as clean and thorough as possible.

https://code.sololearn.com/WpBEjx7MtZ97/?ref=app

Answer 9

Bob_Li
What I am trying to do is much simpler as shown in Tina's and Calvin's code, 😅 but I will consider this for later. Thanks