client-export-api

What problem does it solve?

Helios Player's Client-Side Export API lets users generate MP4 or WebM videos directly in the browser, removing the need for server-side rendering pipelines.

Core Features & Use Cases

• Built-in VideoEncoder support for in-browser export of Helios compositions.
• Programmatic export and configuration via the Helios Player API (format, resolution, captions, filename).
• Use cases include client-side video downloads for demos, offline previews, and educational content without backend processing.

Quick Start

Enable in-browser exporting with the Helios Player and trigger exports from your app:

• Enable export in the player element: <helios-player src="./composition.html" export-mode="auto" export-format="mp4"></helios-player>
• Trigger an export programmatically: const player = document.querySelector('helios-player'); await player.export({ filename: 'my-video', format: 'mp4', onProgress: (p) => console.log(Exporting: ${Math.round(p*100)}%) });
• Optional configurations include width/height and caption mode via export-width, export-height, and export-caption-mode.