Mux, Fly, Wocket and RTMP

Summary

Wocket is a proof-of-concept application for sending live video from a browser to an RTMP server, potentially avoiding a local encoder such as OBS or Ecamm Live. Built with Next.js and a custom WebSocket server, it captures webcam video, renders it onto a canvas, and uses ffmpeg to support streaming to a Mux live stream through an RTMP ingest URL. The post documents local setup with npm, production commands, and deployment to Fly.io via flyctl and a Dockerfile, while noting that ffmpeg must be available on the PATH. The intended integration uses the MediaRecorder API to send video when dataavailable fires. Mux test streams are limited to five minutes, watermarked, and deleted after 24 hours when no credit card is entered, and the author cautions against relying on the demo for important production workloads.

Takeaways

1. 1

   The browser demo accesses the webcam, renders video onto a canvas, and streams it to a Mux live stream after the user enters a stream key.

2. 2

   Local setup requires ffmpeg to be installed and available in PATH, followed by npm install and npm run dev for development.

3. 3

   Without a credit card, Mux live streams are limited to five minutes, watermarked with the Mux logo, and deleted after 24 hours.