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.

Core Concept

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

// Wire it to actual media
await smelter.registerOutput("main", <MyScene />, { type: "rtmp_client", url: "..." });