# 2plot Media

> **A Dash 4 video studio — a browser NLE video editor and a cost‑effective 24/7 live camera, in one app.**

2plot Media puts a real **non‑linear video editor** in the browser and a **24/7 live
camera** behind the same Dash app. Upload multiple media files, lay them out on a
frame‑accurate timeline, trim and split, and watch the composite in a hybrid DOM +
Canvas preview — then point a camera at the world and view it live from any page.

It is built on the **`dash-NLE-timeline`** package (the `DashNleTimeline` controller +
the `DashNleScene` compositor) and reuses the **Dash documentation boilerplate** shell
for navigation, theming, and first‑class AI/LLM + SEO integration.

---

## 🎬 Editor (the headline)

A browser **NLE** powered by `DashNleTimeline` + `DashNleScene`:

- **Upload multiple media** — drop in `.mp4`, `.png`, `.gif`; files stream straight to the
  server (heavy bytes never pass through Dash callbacks) and land in your asset library.
- **Place on a timeline** — clips snap to a frame‑accurate grid (`seconds = frame / fps`).
- **Trim, split, move, delete** — direct manipulation with snapping and keyboard shortcuts.
- **Composite preview** — a hybrid DOM + Canvas scene draws layered video / image / text,
  windowed to each clip's `[start, end)`.
- **Your project is the EDL** — the in‑memory clip list *is* the edit decision list; export
  it any time.

> v1 preview is **video‑only / muted** (browser autoplay policy); audio playback + waveforms
> are on the roadmap.

## 📡 Live Camera (supported)

A **24/7 stream** you can watch from a Dash page, done cost‑effectively:

- Set `CONFIG_STREAM_URL` to a **YouTube Live** or **HLS** URL and the page renders the live
  view — no extra backend, free delivery.
- No URL set? The page falls back to a **local webcam monitor** (`getUserMedia`, fully
  client‑side, zero infrastructure).
- A copy‑paste **ffmpeg runbook** takes your USB/built‑in webcam live for free.

---

## Built with

- **Dash 4.3** — pluggable backends; Flask in v1 (the FastAPI control plane is a later phase)
- **Dash Mantine Components 2.8** — accessible, themeable UI
- **`dash-NLE-timeline`** — the timeline controller + Canvas scene compositor
- **`dash-improve-my-llms` 2.0** — `/llms.txt`, `/sitemap.xml`, `/robots.txt`, MCP bridge

## Documentation

- **[Editor Guide](/editor-guide)** — how the upload → place → scrub → trim → split flow works
- **[Live Camera Setup](/live-camera)** — the `CONFIG_STREAM_URL` embed + the free ffmpeg → YouTube Live runbook

---

*Pip Install Python LLC — built on Dash, Dash Mantine Components, and the Dash documentation boilerplate.*