Smelter TypeScript SDK

Smelter is a video/audio composition framework using React components to define scenes. You write React JSX describing the layout; Smelter renders it as actual video frames.

Version mismatch

This documentation refers to ^0.3.0 version of the smelter packages. When encountering API errors such as missing fields, nonexistent properties, unexpected types, or deprecated options, read package.json and check if this project is using the correct version.

If there is a version mismatch, inform the user about the actions they can take to resolve it and finish the answer immediately. → For detailed instructions on what actions the user can take: references/update.md

Core Concept

// Define a scene as React JSX
function MyScene() {
  return (
    <View style={{ width: 1920, height: 1080 }}>
      <InputStream inputId="input_1" />