自己动手搭建直播视频流媒体管道：FFmpeg与MediaMTX解析

你有没有想过在Web浏览器中查看安全摄像头或IoT设备的实时画面？看起来很简单，但实际操作起来却非常麻烦。

问题是什么

IP摄像头通过RTSP（实时流协议）推流，但浏览器并不支持RTSP。从2010年代开始，出于安全原因，浏览器端移除了RTSP支持。也就是说，摄像头和浏览器像是在说不同的语言。

有两个神器可以解决这个问题：

FFmpeg — 视频处理的大神。VLC和Netflix的编码流水线都在用的通用工具。

MediaMTX — 轻量级流媒体服务器。可以做RTSP→WebRTC的转换等。

操作分3步

1. 视频文件推流

创建MediaMTX的配置文件（mediamtx.yml）： yaml paths: test_video: source: publisher

用RTSP推送文件： bash ffmpeg -re -i your_video.mp4 -c:v libx264 -preset fast -c:a aac -f rtsp rtsp://localhost:8554/test_video

可以用VLC进行确认。

2. 实时推送网络摄像头

在MediaMTX配置中添加： yaml paths: webcam: source: publisher

Windows: bash ffmpeg -f dshow -rtbufsize 100M -i video=“Integrated Webcam” -c:v libx264 -preset ultrafast -tune zerolatency -f rtsp rtsp://localhost:8554/webcam

Mac: bash ffmpeg -f avfoundation -framerate 30 -video_size 1280x720 -i “0” -c:v libx264 -preset ultrafast -tune zerolatency -f rtsp rtsp://localhost:8554/webcam

Linux: bash ffmpeg -f v4l2 -i /dev/video0 -c:v libx264 -preset ultrafast -tune zerolatency -c:a aac -f rtsp rtsp://localhost:8554/webcam

3. 实现浏览器可观看（WebRTC魔法）

这才是最有趣的部分。让MediaMTX支持WebRTC：

yaml webrtc: yes webrtcAddress: :8889 webrtcEncryption: no webrtcAllowOrigin: ‘*’ webrtcLocalUDPAddress: :8189 webrtcIPsFromInterfaces: yes

paths: test_video: source: publisher webcam: source: publisher

用浏览器打开 http://localhost:8889/ ，RTSP会被自动转换为WebRTC并显示在浏览器上。就这么简单。

数据流流程

1. 摄像头 → 原始帧
2. FFmpeg → H.264编码 → RTSP推流
3. MediaMTX → 接收RTSP
4. 浏览器 → 发起WebRTC请求
5. MediaMTX → 自动转换 → WebRTC推流
6. 浏览器 → 实时播放

转换时无需重新编码，非常高效。Netflix的大规模系统也是这个原理。

下一步做什么？

现在的方案只是演示级别。距离生产环境还差几点：

• 没有认证
• 仅限localhost
• 不支持真实IP摄像头
• 没有错误处理

在Part 2中，会增加安全措施、接入真实IP摄像头，并支持生产环境。