client-export-api

Export MP4 or WebM videos from Helios Player using the built-in VideoEncoder.

94|6|Updated Aug 12, 2025
One-click install
npx skills add https://github.com/BintzGavin/helios --skill client-export-api
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: client-export-api
Source: https://github.com/BintzGavin/helios/tree/main/.agents/skills/helios/examples/client-export-api
Command: npx skills add https://github.com/BintzGavin/helios --skill client-export-api

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about client-export-api

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I export video directly in the browser without a server?

Client-side video exporting generates MP4 or WebM files directly in the browser. It uses the built-in VideoEncoder via WebCodecs to process Helios compositions, eliminating the need for a server-side rendering pipeline.

Can I configure resolution and format for browser-based video export?

Browser-based video export allows configurable settings such as format, resolution, and caption options. You can specify width, height, and export-caption-mode directly through the Helios Player API to customize the output.

Does client-side video export work with cross-origin assets?

Client-side video export supports cross-origin asset handling within the browser. This ensures that Helios compositions referencing external resources can be processed by the WebCodecs VideoEncoder without server-side intervention.

What is the best way to trigger a video download from Helios Player?

The best way to trigger a video download is by calling the export method programmatically on the Helios Player element. You can pass configuration objects including filename, format, and an onProgress callback to monitor the export.

When should I avoid client-side video exporting?

You should avoid client-side video exporting if your application lacks WebCodecs support or requires heavy processing beyond demos, offline previews, and educational content, as it relies entirely on the browser's built-in VideoEncoder.