uploop-vided MCP Server

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

import { vided } from '@uploop/vided'

const { timeline, composition } = vided`
  <Timeline name="My Video" width=${1920} height=${1080} fps=${30}>
    <Track type="video">
      <Clip source="intro.mp4" inPoint=${0} outPoint=${5} />
      <Clip source="content.mp4" inPoint=${5} outPoint=${12} opacity=${1} />
    </Track>
    <Track type="audio" muted=${false}>
      <Clip source="music.mp3" inPoint=${0} outPoint=${12} volume=${0.8} />
    </Track>
    <Track type="text">
      <Clip source="My Title" inPoint=${0} outPoint=${12} y=${80} opacity=${1} />
    </Track>
  </Timeline>
`

// Render with html-video:
import { renderVideo } from '@uploop/html-video'
await renderVideo({ composition, output: 'output.mp4' })

import { vided } from '@uploop/vided'

const { scene, renderer } = vided`
  <Scene width=${1920} height=${1080} background="gradient">
    <Camera type="orbit" distance=${5} angle=${-0.4} pitch=${0.35} />
    <AmbientLight color="#334" intensity=${0.5} />
    <DirectionalLight direction=${[0.5, 0.4, 0.7]} color="#fff" intensity=${1.2} />
    <Model src="brain.glb" position=${[0, 0, 0]} scale=${1} />
    <Shape type="sphere" radius=${1} position=${[0, 1, 0]} color="#f44" />
    <Skybox top="#4a8fcf" mid="#c8dcf0" bottom="#1a3050" />
    <PostFX bloom=${true} tonemap=${true} />
  </Scene>
`

import { vided } from '@uploop/vided'

const { timeline, composition } = vided`
  <Timeline name="3D Product Ad" width=${1920} height=${1080} fps=${30}>
    <Track type="video">
      <Clip source="background.mp4" inPoint=${0} outPoint=${30} />
    </Track>
    <Track type="3d">
      <Scene>
        <Camera type="orbit" distance=${4} angle=${-0.4} />
        <Model src="product.glb" />
        <DirectionalLight direction=${[0.5, 0.6, 0.4]} intensity=${1.5} />
      </Scene>
    </Track>
    <Track type="text">
      <Clip source="New Arrival" inPoint=${5} outPoint=${15} y=${80} />
    </Track>
    <Track type="audio">
      <Clip source="soundtrack.mp3" inPoint=${0} outPoint=${30} />
    </Track>
  </Timeline>
`

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

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 }),
]}))

const fade = createTransition('fade', { duration: 1 })
await renderVideo({ composition: createTimelineComposition({ timeline }), output: 'output.mp4' })

pnpm uploop-video serve --port 3004

// POST /mcp → { "method": "tools/list" }
[
  { "name": "timeline.addTrack", "parameters": { "type": { "enum": ["video","audio","image","text","3d"] } } },
  { "name": "timeline.addClip",  "parameters": { /* inPoint, outPoint, source, props */ } },
  { "name": "scene.create",      "parameters": { /* width, height, background */ } },
  { "name": "scene.addModel",    "parameters": { /* src, position, rotation, scale */ } },
  { "name": "compositor.renderFrame", "parameters": { /* time, width, height */ } },
  { "name": "output.encode",     "parameters": { /* format, codec, bitrate */ } },
]

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