helios-renderer

What problem does it solve?

The Helios Renderer enables headless, programmatic rendering of Helios compositions into video or image assets, turning interactive scenes into distributable media without manual capture.

Core Features & Use Cases

• Canvas rendering: capture canvas-based compositions using Playwright for automated exports.
• DOM rendering: capture DOM-structured projects with CSS animations and media elements.
• Configurable pipeline: supports width, height, fps, duration, audio tracks, and encoding options via a single API.
• Automation-friendly: ideal for server-side renders, batch exports, previews, and CI/CD assets generation.

Quick Start

Create a Renderer instance with your target output and call render on a composition URL to produce a video file, e.g. new Renderer({ width: 1920, height: 1080, fps: 30, durationInSeconds: 10 }).render('http://localhost:3000/composition.html', './output.mp4', { onProgress: p => console.log(Progress: ${p * 100}%) }).