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.
Bus Fare QR Payment App Category: Android, Android App Development, App Design, IOS Development, IPad, IPhone, Mobile App Development, User Interface / IA Budget: $1500 - $3000 USD
13-Dec-2025 04:59 GMT
React Native Chat Bug Fix Category: C#, Programming, Frontend Development, JavaScript, Metatrader, Mobile App Development, Mobile Development, PHP, React Native, React.js, UI / User Interface Budget: ₹1500 - ₹12500 INR
13-Dec-2025 04:59 GMT
Activate Google Discover for WordPress Category: Content Marketing, Digital Marketing, Link Building, PHP, SEO, Web Development, Website Optimization, WordPress Budget: ₹600 - ₹1500 INR
13-Dec-2025 04:59 GMT
.NET Framework Web App Support Category: .NET 5.0 / 6, .NET Core, Git, HTML, JavaScript, PHP, Visual Studio, Web Design Budget: ₹12500 - ₹37500 INR
13-Dec-2025 04:59 GMT
SEO Tech Gadget Review Blog Category: Article Writing, Blogging, Content Writing, Internet Marketing, Keyword Research, Link Building, SEO, WordPress Budget: ₹100 - ₹400 INR
13-Dec-2025 04:59 GMT
Realistic Western Pop Art Painter Category: Art Consulting, Art Installation, Caricature & Cartoons, Graphic Design, Illustration, Painting, Visual Arts Budget: $250 - $750 USD
13-Dec-2025 04:56 GMT
UK Risk-Based Audit Training Slides Category: Case Study Writing, Content Development, Graphic Design, Instructional Design, Keynote, Risk Assessment, Risk Management, Training Development Budget: $30 - $250 USD
13-Dec-2025 04:55 GMT
قيود محاسبة الشركات Category: Content Management System (CMS), Graphic Design, HTML, PHP, Web Design, Web Development Budget: $30 - $250 USD
Feature-Rich flutter Video App customisation Category: API Development, Database Management, Flutter, Mobile App Development, Mobile Development, Video Processing, Video Streaming, Video Upload Budget: ₹12500 - ₹37500 INR
13-Dec-2025 04:54 GMT
Modern Minimalist Logo Design Category: Adobe Illustrator, Branding, Creative Design, Figma, Illustration, Logo Design, Photoshop Budget: ₹600 - ₹1500 INR
13-Dec-2025 04:54 GMT
Emergency Fund Finance Coaching Category: Alternative Investments, Business Analysis, Financial Consulting, Financial Planning, Investment Management, Wealth Management Budget: $25 - $50 USD
13-Dec-2025 04:54 GMT
Mobile Game lead genarate Category: 2D Game Art, Business Development, Game Design, Game Development, IPhone, Mobile App Development, Unity, Unity 3D Budget: ₹750 - ₹1250 INR
13-Dec-2025 04:54 GMT
Bulk Image OCR Renaming Task Category: Automation, Data Entry, Data Management, Data Processing, Image Processing, Image Recognition, OCR, Python, Software Architecture, Web Scraping Budget: $10 - $30 USD
13-Dec-2025 04:53 GMT
Defamation Case Preparation Category: Contracts, Legal, Legal Analysis, Legal Assistance, Legal Consultation, Legal Review Budget: min $50 USD
