← Zurück zu allen Projekten

Meisenmannkamera

Livestream einer Tapo-IP-Kamera in Echtzeit im Browser. RTSP wird auf dem Server zu HLS/fMP4 repackt — niedrige CPU-Last, spielt auf iPhone, Android und Desktop.

Livestream RTSP → HLS MediaMTX hls.js ffmpeg
verbinde…

So funktioniert's

Vom RTSP-Stream der Kamera bis zum Browser-Frame.

📡

Kamera-Ingest

MediaMTX zieht den RTSP-Stream (H.264 + G.711) direkt von der Tapo-Kamera über TCP. Keine Transkodierung, minimale CPU-Last.

📦

HLS-Repackaging

Low-Latency-HLS mit fMP4-Segmenten à 2 s. Spielt auf Safari/iOS nativ, in Chrome/Firefox via hls.js.

🔒

Nur Port 443 offen

MediaMTX- und Admin-API-Ports sind an 127.0.0.1 gebunden. TLS-Terminierung durch Nginx, Let's Encrypt.

📸

Snapshot on-demand

Klick auf Schnappschuss → PHP-Wrapper ruft ffmpeg → ein JPEG-Frame wird direkt in die Response gestreamt, per Rate-Limit gegen Missbrauch geschützt.

Tech Stack

KameraTP-Link Tapo C110
StreamingMediaMTX (Docker)
Frontendhls.js 1.x
Snapshotffmpeg via PHP
Proxy/TLSNginx (Plesk)
Latenz~5–10 s