How apj72/instagram-video-studio works
VERSION 1 is a browser-based animated-logo creator: users tune an animation in the visual editor, preview updates, then record a video or download a standalone HTML file. The standalone animation can also run directly in a browser with its embedded CONFIG. The documented runtime includes the logo, DJ text and effects, plus audio-style visual elements. Source excerpts were unavailable, so the links below reflect README-documented behavior; internal rendering and recording details are not inferred.
Main entry points: version1_animation_v5.html Portrait canvas · version1_editor.html Video recording
Components 15
Visual editor
- Parameter editor
version1_editor.html - Live preview
version1_editor.html - Live updates
version1_editor.html
Animation runtime
- Animation config
version1_animation_v5.html - Portrait canvas
version1_animation_v5.html - Logo motion
version1_animation_v5.html - Spectrum visuals
version1_animation_v5.html - DJ text and box
version1_animation_v5.html - Visual effects
version1_animation_v5.html
Export outputs
- Video recording
version1_editor.html - HTML download
version1_editor.html - Recorded video
- Standalone animation
Other components
- User
- Browser
Connections 15
- User → Parameter editor: adjusts
- Parameter editor → Live preview: updates
- Live preview → Live updates: sends postMessage
- Live updates → Animation config: updates config
- Browser → Animation config: opens directly
- Animation config → Portrait canvas: drives rendering
- Portrait canvas → Logo motion: renders
- Portrait canvas → Spectrum visuals: renders
- Portrait canvas → DJ text and box: renders
- Portrait canvas → Visual effects: renders
- User → Video recording: starts capture
- Video recording → Live preview: captures
- Video recording → Recorded video: produces
- User → HTML download: requests
- HTML download → Standalone animation: generates