Subtitle Preview & Export

Transform static subtitles into dynamic storytelling elements with customizable styles, animations, and positioning.

Subtitle EditingMultiple Subtitle EffectsMultilingual support
Scroll to explore

ProjectImpact

60%
Increase in User Engagement
After Implementing Dynamic Subtitles
45%
Conversion Improvement
From Free to Premium Users
2.5x
Better Subtitle Editing
With New Editor Features

MyRole

End-to-End Ownership

Owned the entire subtitle workflow in a React-based video editor, from real-time subtitle editing to final video export.

Explored and prototyped different approaches to find the best way to animate subtitles for our use case.

Built a Node.js service that uses Fabric.js to generate subtitles as images and export them as PNGs for precise positioning and styling

Implemented real-time subtitle editing and preview with accurate video/audio sync

Connected the subtitle system with the broader video processing pipeline

Ensured scalable and maintainable code.

TechnicalStack

Core technologies used in this project.

Click to expand
🎨

Fabric.js

A simple and powerful canvas library.

GSAP

GSAP allows you to effortlessly animate anything.

🚀

Node.js

Backend runtime for video processing.

Parallel Processing

Optimized Image generation with parallel processing.

🐳

Kafka

Queueing system

Open for New Opportunities

I'm passionate about Frontend development and eager to join a team where I can grow while contributing to meaningful projects.

Bengaluru, India