Stitchable.ai

Basic Dashboard
Create a new project
Upload videos and share with others to upload!

Inspiration

Stitchable.ai was inspired by the magic of live concerts, birthday events, and performances: moments where everyone captures the same scene from different angles. We wanted to solve the frustration of having tons of scattered clips and automatically turn them into one seamless, cinematic highlight.

What it does

Stitchable.ai is a web app that uses AI to merge multiple recordings of the same event into a single, professional-quality video. It automatically synchronizes videos using audio and visual cues, selects the best footage, and outputs a final stitched video ready to share.

How we built it

We built Stitchable.ai as a web app using React 18 + TypeScript, Vite, and Tailwind CSS on the frontend, with Node.js (Express.js) and SQLite on the backend. For AI and video processing, we combined FFmpeg, OpenCV, and TensorFlow.js to handle synchronization, frame selection, and quality scoring. WebAssembly was integrated for performance optimization in client-side processing. Our system identifies sync points using custom audio correlation algorithms, aligns video segments visually, and automatically generates smooth transitions for the final output.

Challenges we ran into

Synchronizing videos accurately when audio quality or timing differed between recordings.
Maintaining performance and preventing browser crashes during client-side processing.
Handling large video uploads while keeping the backend lightweight and responsive.

Accomplishments that we're proud of

Built an end-to-end AI video stitching pipeline from scratch.
Achieved smooth multi-video synchronization using both audio and visual correlation.
Deployed a working MVP capable of generating seamless, shareable event videos.

What we learned

We deepened our understanding of video processing, cross-browser performance optimization, and how to integrate AI/ML models efficiently within a full-stack web architecture. We also learned the importance of optimizing for real-time user feedback and efficient data flow between frontend and backend.

What's next for Stitchable.ai

Next, we plan to introduce post-generation editing powered by AI (similar to text-based editing tools), multiple video version generation, and potential partnerships with event organizers for large-scale use. Eventually, we aim to make Stitchable.ai the go-to platform for AI-assisted event video creation, from concerts to weddings to corporate events.