I've been deveoping an android app (using ChatGPT - I have no real android development knowledge!) which animates a dog's mouth through the camera feed. I had the app working okay but with some latency between the camera feed and the overlay (using CameraX and a PreviewView), so I tried to update it to an offscreen rendering approach, using an EGL context and MediaCodec surface to render the camera feed plus overlays into a single composited output.
However, the I have not implemented this correclty and the camera feed is just showing a black screen.
Here's ChatGPT's summary of what we had originally (working) and what we changed it to. Both of these approaches are saved on different github branches which you will have access to. You can see the previously working version on the master branch, and the newly updated (not working) version on a test branch.
What We Had Originally - An Android app (Kotlin) using CameraX and a PreviewView to display the live camera feed. - A BoundingBoxOverlay custom View drawn on top for YOLO pose detection (dog’s mouth, eyes, etc.). - We wanted to animate the dog’s mouth in sync with audio but were limited by the traditional overlay.
What We Changed It To Offscreen Rendering Approach: - Created an EGL context and MediaCodec surface (via OffscreenRenderer.kt) to render the camera feed plus overlays into a single composited output. - The camera feed is now provided by a SurfaceTexture created from an external OES texture (rather than using PreviewView). - CameraX is configured to output frames to that SurfaceTexture. - A custom pipeline composites the camera and any overlays (animated mouth, etc.) in OpenGL, then encodes to a video file with MediaCodec.
What We’re Trying to Achieve A Snapchat-like pipeline: - Grab the camera feed directly via a SurfaceTexture (external OES texture). - Apply real-time overlays/filters (like mouth animation, hats, glasses) in OpenGL. - Composite everything offscreen and encode it into a video file (for recording). - Avoid the performance constraints of standard Android Views by relying on OpenGL compositing (similar to Snapchat filters).
Despite these changes, the feed currently displays a black screen. We suspect an issue with the GL pipeline, resolution mismatch, or camera frames not drawing as intended.
Goal: Fix the offscreen renderer so that camera frames plus overlays appear in real time, and video recording also works as expected.
AI Tech Channel Video Editor Category: Adobe Premiere Pro, After Effects, Animation, Content Creation, Graphic Design, Video Editing, Video Production, Video Services Budget: ₹12500 - ₹37500 INR
Desain Grafis Rapi dan Profesional Category: Adobe Illustrator, Photoshop, Figma, Graphic Design, Illustration, Logo Design Budget: $10 - $30 USD
05-May-2026 16:02 GMT
Ongoing 3D Plane Hairstyles Category: 3D Animation, 3D Art, 3D Design, 3D Graphic Design, 3D Modelling, 3D Rendering, 3D Studio Max, 3D Visualization, 3ds Max, Visual Effects Budget: $10 - $30 CAD
05-May-2026 16:00 GMT
CRM Customer Data Management Category: CRM, Data Analysis, Data Entry, Data Management, Data Processing, Database Management, Excel, MySQL Budget: ₹750 - ₹1250 INR
05-May-2026 16:00 GMT
Instagram Reels Editor Needed Category: Adobe Premiere Pro, After Effects, Color Grading, Final Cut Pro, Sound Design, Video Editing, Video Production, Video Services Budget: ₹12500 - ₹37500 INR
05-May-2026 16:00 GMT
Launch Existing Mobile App Category: Android, Android App Development, App Development, Git, IOS Development, IPhone, Mobile App Development, Objective C Budget: $750 - $1500 USD
05-May-2026 16:00 GMT
Savonius Rotor & Cylinder CFD Category: 3D Modelling, Computational Fluid Dynamics, Data Visualization, Finite Element Analysis, Mechanical Engineering, Project Management, Solidworks, Technical Documentation Budget: ₹1500 - ₹12500 INR
05-May-2026 15:57 GMT
Minimalist Blog in Framer Category: CSS, Email Marketing, Framer, HTML, Mailchimp, PHP, Web Design Budget: $30 - $250 USD
05-May-2026 15:56 GMT
Basic E-Commerce Site Design Category: Adobe XD, Figma, Graphic Design, HTML, UI / User Interface, User Interface / IA, Web Design Budget: $15 - $25 USD
Elegant 30-Second Photo Reel Category: Adobe Premiere Pro, After Effects, Animation, Final Cut Pro, Video Editing, Video Post Editing, Video Production, Video Services Budget: $10 - $30 USD
