Bug 255949

Huge pops/crackling sounds when user interact with the DOM during Audio Context is running and playing a buffer node.
How to reproduce it:

- iPadPro 1st gen (2015) with iOS 16.4.1
- From Safari on the device go to this link https://stackblitz.com/edit/web-audio-api-sandbox?file=index.js
- On the right preview code panel click the buttons to play sounds
- During sound is playing, interact with the DOM (for example scroll up and down the code section)
-> you will ear huge and dirty crackling sounds

You can check a screen record here https://www.youtube.com/watch?v=OrSpwUBZfnQ
(of course the speakers on this device are totally fine).

---------------------------------
It looks like similar to another one you can reproduce from Mac Silicon M1

- Mac M1 running on Ventura 13.3.1
- From Safari Technology Preview go to this link https://stackblitz.com/edit/web-audio-api-sandbox?file=index.js
- On the right preview code panel click the buttons to play sounds
- Interact with the page (or change you volume up/down by touching your keyboard)
-> you will ear huge and dirty crackling sounds

You can check a screen record here https://www.youtube.com/watch?v=CT7oYQj71go
(of course the speakers on this Mac are totally fine).

---------------------------------
I work on a JS musical app since 8 years targeting iOS/Android/MacOS/Windows (Cordova/Electron based project using webview in native app)
Such a bug (which I already encountered several times by the past) only occurs on Safari and/or Safari Webview.

Some iOS releases have fixed the bug, then after other iOS releases, the bug comeback again, then later is fixed again, then come back...
It is a real user experience killer for JS apps using Web Audio API.

I hope these examples may help the dev team. Thanks for your work and time.