Create code-based videos for clear and structured learning. No fake AI graphics, just real code.
VIDEO-LIKE is an Auto Video Creator that utilizes frontend web technologies and text-generating AI.
It is a simple but powerful browser application that takes structured JSON data and turns it into narrated videos. It runs entirely inside a single HTML file.
This project bridges the gap between data and storytelling. It helps developers, teachers, marketers, and analysts make data-rich videos (featuring live charts, interactive maps, and coding art) without using heavy, complex, or expensive video editing software.
Video-Like is a browser-based rendering engine designed for structured visual learning. It rejects hallucinated AI video in favor of real DOM manipulation, WebGL data visualization, and scripted logic, outputting deterministic, cinematic educational content.
- JSON to Video Pipeline: Write or generate a JSON script, and the engine instantly renders it as a live, animated video presentation directly in the DOM.
- The AI Architect: A built-in AI co-director researches topics, generates complete video projects from scratch, and iteratively improves your current code based on your feedback.
- Flawless Built-in Export: A custom intelligent rendering pipeline safely crops out browser toolbars, captures the live canvas, and downloads a high-quality HD video file.
- Auto-Subtitles: As the video renders, the engine tracks the text-to-speech timing and automatically generates a perfectly synced
.srtsubtitle file. - Zero Dependencies: No servers, no build steps, no installations. Everything from the UI to the rendering engine is contained in one file.
Want to know exactly how the rendering pipeline works, view the full list of scene possibilities, or understand the underlying JavaScript architecture?
Click here to read the Full PROJECT OVERVIEW & Technical Specification
The guide above serves as the complete manual for developers and users, breaking down every core function, the AI prompting strategy, the UI/UX philosophy, and how the engine translates raw code into cinematic video.
- Download or clone this repository.
- Open the
index.htmlfile in any modern web browser (Chrome, Edge, Safari, Firefox). - Use the integrated AI Architect to generate a script, or open the JSON Editor to write your own.
- Press Play to watch your code come to life.
- [ If PC ] Open the menu and click "Render HD Video" to export your final
.webmand.srtfiles. - [ If Mobile ] Screen record with media enabled. Crop in Google Photos.
Developed By: Sabir Ali Mondal