Hey everyone, I’ve been working on integrating the DeepAR Web SDK into a web project and ran into a couple of persistent rendering issues that I’m struggling to pin down. When testing on desktop everything runs smooth at 60fps, but on mobile Safari and some lower-end Chrome Android devices, the canvas experiences noticeable micro-stutter during facial tracking initialization.
To make matters worse, if a user rotates their device or if the mobile browser address bar collapses while scrolling, the canvas viewport fails to recalculate the aspect ratio properly, resulting in stretched filter effects and eventual WebGL context lost crashes. I uploaded an isolated staging build here where the tracking container is embedded alongside custom UI overlays so you can see how the viewport scaling behaves under load.
Has anyone encountered this kind of memory spike or canvas resize lag with the Web SDK, and what is the recommended cleanup pattern to prevent context loss when mobile browsers trigger dynamic viewport resize events?