uploop-vided MCP Server

import { Timeline, Track, Clip } from '@uploop/timeline'
import { Compositor, Layer, createTransition } from '@uploop/compositor'
import { renderVideo } from '@uploop/html-video'

// Build a timeline
const timeline = new Timeline({ fps: 30, width: 1920, height: 1080 })
timeline.addTrack(new Track({ id: 'main', type: 'video', clips: [
  new Clip({ id: 'intro', source: 'intro.mp4', inPoint: 0, outPoint: 5 }),
  new Clip({ id: 'body',  source: 'body.mp4',  inPoint: 3, outPoint: 10 }),
]}))

// Add transitions
const fade = createTransition('fade', { duration: 1 })

// Render to MP4 (headless Chromium + ffmpeg)
await renderVideo({ composition: createTimelineComposition({ timeline }), output: 'output.mp4' })

git clone https://github.com/atomixnmc/uploop-vided.git
cd uploop-vided
pnpm install
pnpm dev

# Start the MCP server
pnpm uploop-video serve --port 3004

// POST /mcp → { "method": "tools/list" }
// Response:
[
  { "name": "timeline.addTrack",    "parameters": { "type": "object", "properties": { "type": { "enum": ["video","audio","image","text"] } } } },
  { "name": "timeline.addClip",     "parameters": { /* inPoint, outPoint, source, props */ } },
  { "name": "compositor.renderFrame","parameters": { /* time, width, height */ } },
  { "name": "output.encode",        "parameters": { /* format, codec, bitrate */ } },
  { "name": "project.create",       "parameters": { /* name, width, height, fps */ } },
  { "name": "project.info",         "parameters": {} }
]

┌─────────────────────────────────────────────────────────┐
│                    uploopjs (UI Layer)                    │
│  @uploop/html — declarative component model             │
├─────────────────────────────────────────────────────────┤
│                  uploop-vided (VFX Layer)                 │
│  media → timeline → compositor → output → html-video     │
│  project → cli → editor → toolset → vided-ui             │
├─────────────────────────────────────────────────────────┤
│                   uploop-ge (GPU Layer)                   │
│  math → geometry → shader → renderer → scene → physics   │
│  WebGL 2.0 + WebGPU engine from scratch                  │
└─────────────────────────────────────────────────────────┘