This is a submission for the DEV's Worldwide Show and Tell Challenge Presented by Mux
Silhouette Capture Pro: Perfecting Clinical Photography with Real-Time Overlays- This is a submission for the DEV's Worldwide Show and Tell Challenge Presented by Mux
What I Built
Silhouette Capture Pro is a specialized mobile application designed for medical professionals—specifically dermatologists and aesthetic surgeons—to standardize patient photography.
The app solves the problem of "inconsistent clinical photos" by allowing doctors to overlay a semi-transparent "ghost image" (silhouette) of a patient's previous photograph onto the live camera viewfinder. This ensures that every follow-up photo aligns perfectly with the baseline—matching the exact distance, angle, and posture.
My Pitch Video
Demo
You can try the live application here:
Live App:
Testing Instructions: To access the full features of the app for testing, please use the following credential:
Email: scienceisbest@gmail.com
The Story Behind It
As a practicing Consultant Dermatologist, I faced a recurring frustration: the results of a successful procedure were often obscured simply because the patient tilted their head slightly differently in the "after" photo compared to the "before" photo.
In aesthetic medicine, consistency is credibility. I realized that to truly track clinical progress, I needed a way to lock in the patient's posture using the previous photo as a real-time guide. Native camera apps lack this feature. I built Silhouette Capture Pro to bridge the gap between clinical excellence and photographic evidence, ensuring that the camera never lies about the results.
Technical Highlights
The core technical challenge was managing the live camera feed layer simultaneously with a static image overlay layer without compromising performance.
Alpha Blending Engine: The app utilizes real-time alpha transparency adjustment, allowing the user to fade the reference image in and out to match the live feed perfectly.
Camera API Integration: I utilized native camera APIs to access the device's front and rear sensors, ensuring high-resolution capture without lag—critical when aligning a moving subject.
Dynamic Overlay Logic: The app takes a stored bitmap, converts it to a semi-transparent overlay, and scales it dynamically based on user input before locking the focus for the final capture.
Use of Mux
I utilized Mux to host and stream the pitch video for this submission. Mux provided a reliable, high-performance solution to ensure my demo video plays back smoothly on all devices. Since my app is about visual precision, having a high-quality, adaptive stream for the pitch video was essential to clearly demonstrate the "ghost image" alignment feature.
Submitted by: @dr_vigneshnarayanr_c4d
Top comments (0)