f6879781c1245be74f9c83a23380e7793d369aea
--- - Adicionado campo order em Stream e migração automática em readStreams() para ordenação persistida no streams.json; - Implementado drag-and-drop de cards com @dnd-kit/core + @dnd-kit/sortable, com faixa de drag dedicada no topo de cada card; - Adicionado endpoint PUT /api/streams/reorder para persistir a nova ordem no servidor; - Atualizada playlist M3U para respeitar a ordem dos cards e incluir tvg-chno com número de canal; - Corrigida geração de thumbnail para capturar via ffmpeg -f x11grab direto do Xvfb, usando arquivo temporário thumb.tmp.jpg; - Adicionada política gerenciada do Chromium no Dockerfile para suprimir diálogo de salvar senha; - Adicionadas flags --password-store=basic e --disable-features=PasswordManagerRedesign no template do Chromium; - Substituído confirm() nativo por modal de confirmação customizado no delete de stream; - Adicionado tamanho mini e redefinidos os tamanhos de card; padrão alterado para md (300px); - Adicionado logo do projeto no header e ícone GripVertical na faixa de drag; - Erros de validação do formulário agora exibidos em vermelho negrito; ---
DecapStream
Turn any web page into an RTMP/HLS stream. Chromium renders the page, ffmpeg captures it, MediaMTX publishes it. Built for NOC environments and digital signage.
How it works
Each stream runs its own isolated stack inside the container:
Xvfb (virtual display)
└── Chromium (opens the URL)
└── ffmpeg (x11grab → libx264 → RTMP → MediaMTX → HLS)
└── x11vnc (live VNC access via noVNC)
All processes are managed by Supervisord. The web UI is a Next.js app that controls everything via a REST API.
Features
- Stream any URL — if it loads in a browser, it streams
- Dashboard with live thumbnails — captured from the HLS output, refreshable on demand
- VNC access — inspect any stream's virtual display from the browser via unified noVNC (single port, token routing)
- Autologin with CDP detection — configure credentials per stream; on restart, queries Chrome DevTools Protocol to skip login if the session is still alive
- Persistent desired state — streams remember if they were running or stopped and restore automatically on container restart
- Fully configurable encoding — resolution, scale, FPS, bitrate, preset, tune, GOP, threads, all per stream
- Built-in HLS player — watch any stream in the browser; also serves a standalone embeddable HTML page per stream
Quick Start
# docker-compose.yml
services:
decap-stream:
image: ghcr.io/riguettodev/decap-stream:latest
container_name: decap-stream
restart: unless-stopped
shm_size: "2gb"
security_opt:
- seccomp:unconfined # required for Chromium syscalls
environment:
TZ: America/Sao_Paulo
ports:
- "3000:3000" # Web UI
- "1935:1935" # RTMP input
- "8888:8888" # HLS output
- "6080:6080" # noVNC
volumes:
- decap-stream:/app/data
volumes:
decap-stream:
docker compose up -d
Open http://localhost:3000 and add your first stream.
seccomp:unconfinedis required because Chromium uses syscalls blocked by Docker's default seccomp profile.
shm_size: 2gbprevents Chromium from crashing on/dev/shmexhaustion under load.
Ports
| Port | Service |
|---|---|
3000 |
Web UI (Next.js) |
1935 |
RTMP ingest (MediaMTX) |
8888 |
HLS output (MediaMTX) |
6080 |
noVNC unified (token-based routing to all streams) |
RTMP & HLS URLs
Each stream gets a slug ID you define (e.g. grafana-prod):
| Protocol | URL |
|---|---|
| RTMP ingest | rtmp://<host>:1935/live/<id> |
| HLS manifest | http://<host>:8888/live/<id>/index.m3u8 |
| VNC | http://<host>:6080/vnc.html?autoconnect=true&path=websockify%3Ftoken%3D<id> |
Stream Configuration
| Field | Default | Description |
|---|---|---|
id |
Unique slug (lowercase, numbers, hyphens) | |
name |
Display name | |
url |
URL to open in Chromium | |
user / pass |
Credentials for autologin (optional) | |
delay |
15s |
Seconds before ffmpeg starts (allows page to load) |
resolution |
1920x1080 |
Virtual display and capture size |
scale |
1280x720 |
Output video resolution |
fps |
30 |
Capture framerate |
bitrate |
1500k |
Video bitrate |
bufsize |
3000k |
Encoder buffer size |
preset |
ultrafast |
x264 preset |
tune |
stillimage |
x264 tune (stillimage for dashboards, zerolatency for dynamic content) |
gop |
60 |
Keyframe interval (auto-calculated as 2× FPS in the UI) |
threads |
0 |
ffmpeg encoding threads (0 = auto-detect) |
Architecture
┌──────────────────────────────────────────────────────────────┐
│ Container │
│ │
│ Next.js :3000 ──API──► Supervisord │
│ ├── novnc :6080 (global) │
│ └── per stream: │
│ ├── xvfb (display) │
│ ├── chromium (browser) │
│ ├── autologin (CDP) │
│ ├── x11vnc (VNC) │
│ └── ffmpeg (encode) │
│ │ │
│ MediaMTX :1935/:8888 ◄────RTMP────────┘ │
└──────────────────────────────────────────────────────────────┘
streams.jsonflat file + one directory per stream under/app/data/streams/{id}/- Each stream generates a
stream.conffrom a template; Supervisord picks it up via[include] - Display number
:nis auto-allocated; VNC port =5900+n, debug port =9221+n
Development
npm install
npm run dev # dev server — supervisorctl calls are mocked automatically
npm run build # build Next.js standalone
npm run lint
./build.sh # interactive Docker build
In dev mode (NODE_ENV !== "production"), all supervisorctl and captureThumb calls are replaced with console logs.
Stack
- Next.js 15 + TypeScript + Tailwind CSS v4
- Supervisord
- MediaMTX
- HLS.js
- noVNC
- Chromium, ffmpeg
License
MIT