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.
Fix Mobile Browser Loading Issue Category: CSS, Debugging, HTML, HTML5, JavaScript, Mobile Development, Replit, Web Development, Website Testing Budget: ₹600 - ₹1500 INR
10-May-2026 16:04 GMT
Full-Stack Waste Management App Category: Android, API Development, Flutter, Full Stack Development, Mobile App Development, PHP, React Native, REST API, Software Architecture, Web Development Budget: ₹37500 - ₹75000 INR
10-May-2026 16:04 GMT
BPO Company Website Development Category: Backend Development, Frontend Development, Graphic Design, HTML, PHP, SEO, UI / User Interface, UX / User Experience, Web Development, Web Design Budget: ₹1500 - ₹12500 INR
10-May-2026 16:03 GMT
Local Clinics Productivity Comparison Category: Business Analysis, Data Analysis, Data Collection, Data Management, Data Visualization, Excel, Statistical Analysis, Statistics Budget: $10 - $30 USD
Full-Stack Dev for Social Networking SaaS & App Category: Android, API Development, CI / CD, Full Stack Development, IOS Development, Mobile App Development, SaaS, Software Architecture, Vercel, Web Development Budget: ₹150000 - ₹250000 INR
10-May-2026 16:00 GMT
English & Arabic Transcription | Fast & Accurate Category: Arabic Translator, Audio Editing, Audio Processing, Audio Services, Copy Typing, English (US) Translator, English Translation, Transcription Budget: $25 - $40 USD
10-May-2026 15:59 GMT
Accurate Excel Data Entry & Formatting Category: Data Analysis, Data Cleansing, Data Entry, Data Extraction, Data Management, Data Processing, Excel, Visual Basic Budget: ₹100 - ₹400 INR
10-May-2026 15:58 GMT
Diseñador/a de cartelería Category: Graphic Design, Illustration, Logo Design, Photoshop, Photoshop Design Budget: €250 - €750 EUR
10-May-2026 15:57 GMT
School Staff Leave Management App Category: Android, Android App Development, Android SDK, Backend Development, Mobile App Development, PHP, UI / User Interface, User Interface / IA Budget: ₹1500 - ₹12500 INR
Rancang Penawaran Layanan Kesehatan Category: Business Consulting, Business Development, Content Writing, Copywriting, Health Care Management, Health Planning, Market Research, Marketing Budget: $8 - $15 USD
10-May-2026 15:55 GMT
video edit for social media Category: Adobe Premiere Pro, After Effects, Color Grading, DaVinci Resolve, Video Ads, Video Editing, Video Post Editing, Video Processing, Video Production, Video Services Budget: £20 - £250 GBP
10-May-2026 15:54 GMT
Elite Haven Real Estate Website Build Category: Frontend Development, Next.js, Node.js, Payment Gateway Integration, Property Management, User Interface / IA, Web Application, Web Development, Web Security, Web Design Budget: ₹750 - ₹1250 INR