We are using Three.js to render an animation on a webpage.
That webpage works perfectly fine in GUI (desktop) mode of Chrome but when we open that page in a headless mode, we are experiencing an audio lip sync problem. The audio is usually earlier than the animation but it is not consistent.
Here are our Chrome Launch Flags
chromeFlags: [‘–no-sandbox’, “–headless”,‘–use-angle=vulkan’, ‘–window-size=1920,1080’,“–hide-scrollbars”, “–autoplay-policy=no-user-gesture-required” ]
The only difference we notice in both modes of chromes is Headless Chrome is webGPU.
So we think it could be a webGPU and Three.js conflict in headless mode.
Thank you!