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.