史上最详细的webrtc-streamer的H265解决方案

你的名字 2023-10-14 19:29 27阅读 0赞

**目录**

前言

开局废话

软件环境

整体思路

详细方案

下载mediaMtx

配置mediamtx.yml

启动

API使用

查询所有路径：http://localhost:9997/v2/paths/list

添加一个名称为111的通道路径（不转码）：http://192.168.1.227:9997/v2/config/paths/add/111

添加一个名称为222的通道路径（转码）：http://192.168.1.227:9997/v2/config/paths/add/222

--------------------

### 前言 ###

我最欣赏马斯克的一句话，我不在乎专利，专利只会抑制科技的发展。我找遍了所有教程都没有关于webrtc-streamer可以播放H265的rtsp视频流的方案，我摸索到了我就分享出来，不管你们怎么想，我希望你们看了我的贴子，并且收益的话，希望你们也可以像我一样，知识只有分享才能共同进步！

### 开局废话 ###

前端使用webrtc-streamer进行rtsp流播放，目前的webrtc-streamer只支持H264的视频，这在大多数场合都是适用的，但是在一些特殊的场合，相机端必须使用H265的编码格式，用来减少存储占用。这个时候我们要么等待webrtc-streamer的开源作者发布支持265的版本，要么就考虑自己转码成264来播放，我就属于后者。

### 软件环境 ###

*  流媒体软件：mediaMTX（开源）地址：[Release v1.0.0 · bluenviron/mediamtx (github.com)][Release v1.0.0 _ bluenviron_mediamtx _github.com]
 *  ffmpeg：这个玩过转码的都应该很熟悉吧
 *  webrtc-streamer：这个不用多说

### 整体思路 ###

1.  将相机的rtsp流通过mediaMtx流媒体内置命令配置，将rtsp流使用ffmpeg进行转码推流到mediaMtx流媒体。
2.  转码后使用mediaMtx进行拉流，可以使用webrtc-streamer播放，也可以使用vlc或者其他方式拉流播放。
3.  mediaMtx流媒体可以选择转码和不转码，可以选择mediaMtx作为流媒体进行统一流分发地址，集中管理。

### 详细方案 ###

#### 下载mediaMtx ####

目录结构如下：

![a643ad99eae54de88d713f89b6872e4f.png][]

#### 配置mediamtx.yml ####

打开mediamtx.yml进行配置，由于配置项比较多，我只截取关键配置：

![90465b228fac4071bf2139e3492b4800.png][]

开启api，因为我们需要通过代码进行配置，因此需要开启mediaMtx的API

api描述文档地址：[MediaMTX API (bluenviron.github.io)][MediaMTX API _bluenviron.github.io]

关闭rtsp：rtspDisable：no 注意这里是关闭为no 就是开启的意思。其他端口根据情况自行 配置

![a4b60a6e28a1473a90fb88ece4ae4dfe.png][]

重点配置：

如果我们不用api进行paths配置，可以在这里进行配置，如果使用了api进行配置，这里默认 留一个all就行了，all的意思是当路径找不到匹配的key时，则全部按all配置。

我测试的时候使用这里配置，实际使用我使用api

![3e660031778f4b76b91de5be0f02bae1.png][]

转码，当我们需要转码时，则需要配置runOnInit,这里配置需要转码的命令，即调用ffmpeg进 行转码的命令。

*  配置runOnInit：程序启动加载转码
 *  配置runOnDemand：按需加载，则拉流时加载转码

![9c7898d6b33b46af829f8f0f713c42eb.png][]

我提供一个命令： "runOnInit": "ffmpeg -rtsp\_transport tcp -i \\"rtsp://admin:hik12345@192.168.1.12:554/h264/ch1/main/av\_stream\\" -vcodec libx264 -preset:v ultrafast -r 25 -threads 4 -b:v 4096k -f rtsp rtsp://localhost:$RTSP\_PORT/$MTX\_PATH"

FFMPEG转码命令不做解释，自行百度，大致意思就是将一个rtsp流转码H264后输出新的rtsp流

#### 启动 ####

![cc87db0d9da3498ab5980b5eecb67e31.png][]

#### API使用 ####

代码层自行解决，我这里使用postman进行演示

##### 查询所有路径：http://localhost:9997/v2/paths/list #####

![e3f846da92834d70afaa807807d89471.png][]

默认返回值为空，说明流媒体还没有配置通道路径。

##### 添加一个名称为111的通道路径（不转码） #####

![5b86fdd9a8f54a338d9084ad74084c6d.png][]

查看mediaMtx dos窗口：

![6e0e104c6a0c4884b8bb404f1903fdb0.png][] 我这个环境有点丢包，正常可以看到【path 111】【rtsp source】 started 则说明流媒体拉流成功

再次查询所有路径：不转码时 只关注source即可。

{
        "itemCount": 1,
        "pageCount": 1,
        "items": [
            {
                "name": "111",
                "confName": "111",
                "conf": {
                    "source": "rtsp://admin:hik12345@192.168.1.14:554/h264/ch1/main/av_stream",
                    "sourceFingerprint": "",
                    "sourceOnDemand": false,
                    "sourceOnDemandStartTimeout": "10s",
                    "sourceOnDemandCloseAfter": "10s",
                    "publishUser": "",
                    "publishPass": "",
                    "publishIPs": [],
                    "readUser": "",
                    "readPass": "",
                    "readIPs": [],
                    "disablePublisherOverride": false,
                    "fallback": "",
                    "sourceProtocol": "automatic",
                    "sourceAnyPortEnable": false,
                    "rtspRangeType": "",
                    "rtspRangeStart": "",
                    "sourceRedirect": "",
                    "rpiCameraCamID": 0,
                    "rpiCameraWidth": 1920,
                    "rpiCameraHeight": 1080,
                    "rpiCameraHFlip": false,
                    "rpiCameraVFlip": false,
                    "rpiCameraBrightness": 0,
                    "rpiCameraContrast": 1,
                    "rpiCameraSaturation": 1,
                    "rpiCameraSharpness": 1,
                    "rpiCameraExposure": "",
                    "rpiCameraAWB": "",
                    "rpiCameraDenoise": "",
                    "rpiCameraShutter": 0,
                    "rpiCameraMetering": "",
                    "rpiCameraGain": 0,
                    "rpiCameraEV": 0,
                    "rpiCameraROI": "",
                    "rpiCameraTuningFile": "",
                    "rpiCameraMode": "",
                    "rpiCameraFPS": 30,
                    "rpiCameraIDRPeriod": 60,
                    "rpiCameraBitrate": 1000000,
                    "rpiCameraProfile": "main",
                    "rpiCameraLevel": "4.1",
                    "rpiCameraAfMode": "",
                    "rpiCameraAfRange": "",
                    "rpiCameraAfSpeed": "",
                    "rpiCameraLensPosition": 0,
                    "rpiCameraAfWindow": "",
                    "rpiCameraTextOverlayEnable": false,
                    "rpiCameraTextOverlay": "%Y-%m-%d %H:%M:%S - MediaMTX",
                    "runOnInit": "",
                    "runOnInitRestart": false,
                    "runOnDemand": "",
                    "runOnDemandRestart": false,
                    "runOnDemandStartTimeout": "10s",
                    "runOnDemandCloseAfter": "10s",
                    "runOnReady": "",
                    "runOnReadyRestart": false,
                    "runOnRead": "",
                    "runOnReadRestart": false
                },
                "source": {
                    "type": "rtspSource",
                    "id": ""
                },
                "sourceReady": false,
                "tracks": [],
                "bytesReceived": 0,
                "readers": []
            }
        ]
    }

此时，可以使用mediaMtx地址加路径name可以预览播放

![bb4097d87c7d4e4b9078c03d9ae1558f.png][]

播放画面我就不展示了，不方便。

当使用vlc进行拉流时

dos下会有如下打印信息，mediaMtx会创建一个连接。

![0cc49a2985d64cca92cedec08344ba2c.png][]

##### 添加一个名称为222的通道路径（转码） #####

![79b9516b6bc84f75a621cd7501d228da.png][]

查询所有路径

{
        "itemCount": 1,
        "pageCount": 1,
        "items": [
            {
                "name": "222",
                "confName": "222",
                "conf": {
                    "source": "publisher",
                    "sourceFingerprint": "",
                    "sourceOnDemand": false,
                    "sourceOnDemandStartTimeout": "10s",
                    "sourceOnDemandCloseAfter": "10s",
                    "publishUser": "",
                    "publishPass": "",
                    "publishIPs": [],
                    "readUser": "",
                    "readPass": "",
                    "readIPs": [],
                    "disablePublisherOverride": false,
                    "fallback": "",
                    "sourceProtocol": "automatic",
                    "sourceAnyPortEnable": false,
                    "rtspRangeType": "",
                    "rtspRangeStart": "",
                    "sourceRedirect": "",
                    "rpiCameraCamID": 0,
                    "rpiCameraWidth": 1920,
                    "rpiCameraHeight": 1080,
                    "rpiCameraHFlip": false,
                    "rpiCameraVFlip": false,
                    "rpiCameraBrightness": 0,
                    "rpiCameraContrast": 1,
                    "rpiCameraSaturation": 1,
                    "rpiCameraSharpness": 1,
                    "rpiCameraExposure": "",
                    "rpiCameraAWB": "",
                    "rpiCameraDenoise": "",
                    "rpiCameraShutter": 0,
                    "rpiCameraMetering": "",
                    "rpiCameraGain": 0,
                    "rpiCameraEV": 0,
                    "rpiCameraROI": "",
                    "rpiCameraTuningFile": "",
                    "rpiCameraMode": "",
                    "rpiCameraFPS": 30,
                    "rpiCameraIDRPeriod": 60,
                    "rpiCameraBitrate": 1000000,
                    "rpiCameraProfile": "main",
                    "rpiCameraLevel": "4.1",
                    "rpiCameraAfMode": "",
                    "rpiCameraAfRange": "",
                    "rpiCameraAfSpeed": "",
                    "rpiCameraLensPosition": 0,
                    "rpiCameraAfWindow": "",
                    "rpiCameraTextOverlayEnable": false,
                    "rpiCameraTextOverlay": "%Y-%m-%d %H:%M:%S - MediaMTX",
                    "runOnInit": "ffmpeg -rtsp_transport tcp -i rtsp://admin:admin12345@192.168.1.164:554/h264/ch1/main/av_stream -vcodec libx264 -preset:v ultrafast -r 25 -threads 4 -b:v 4096k -f rtsp rtsp://localhost:$RTSP_PORT/$MTX_PATH",
                    "runOnInitRestart": true,
                    "runOnDemand": "",
                    "runOnDemandRestart": false,
                    "runOnDemandStartTimeout": "10s",
                    "runOnDemandCloseAfter": "10s",
                    "runOnReady": "",
                    "runOnReadyRestart": false,
                    "runOnRead": "",
                    "runOnReadRestart": false
                },
                "source": null,
                "sourceReady": false,
                "tracks": [],
                "bytesReceived": 20054902,
                "readers": []
            }
        ]
    }

mediaMtx DOS页面可以看到开始调用ffmpeg进行转码

![6c03ddf2b8fd4e419792511f632d754e.png][]

至此 使用rtsp://192.168.1.227:8554/222，就可以预览了。

使用vlc可以进行预览，当然你使用webrtc-streamer 也是同理，只不过webrtc-streamer就不能直接使用相机的rtsp地址了。

这里有个细节忘记说了，ffmpeg需要配置环境变量，这里各位自行百度。否则mediaMtx使用命令无效。

[Release v1.0.0 _ bluenviron_mediamtx _github.com]: https://github.com/bluenviron/mediamtx/releases/tag/v1.0.0
[a643ad99eae54de88d713f89b6872e4f.png]: https://img-blog.csdnimg.cn/a643ad99eae54de88d713f89b6872e4f.png
[90465b228fac4071bf2139e3492b4800.png]: https://img-blog.csdnimg.cn/90465b228fac4071bf2139e3492b4800.png
[MediaMTX API _bluenviron.github.io]: https://bluenviron.github.io/mediamtx/
[a4b60a6e28a1473a90fb88ece4ae4dfe.png]: https://img-blog.csdnimg.cn/a4b60a6e28a1473a90fb88ece4ae4dfe.png
[3e660031778f4b76b91de5be0f02bae1.png]: https://img-blog.csdnimg.cn/3e660031778f4b76b91de5be0f02bae1.png
[9c7898d6b33b46af829f8f0f713c42eb.png]: https://img-blog.csdnimg.cn/9c7898d6b33b46af829f8f0f713c42eb.png
[cc87db0d9da3498ab5980b5eecb67e31.png]: https://img-blog.csdnimg.cn/cc87db0d9da3498ab5980b5eecb67e31.png
[e3f846da92834d70afaa807807d89471.png]: https://img-blog.csdnimg.cn/e3f846da92834d70afaa807807d89471.png
[5b86fdd9a8f54a338d9084ad74084c6d.png]: https://img-blog.csdnimg.cn/5b86fdd9a8f54a338d9084ad74084c6d.png
[6e0e104c6a0c4884b8bb404f1903fdb0.png]: https://img-blog.csdnimg.cn/6e0e104c6a0c4884b8bb404f1903fdb0.png
[bb4097d87c7d4e4b9078c03d9ae1558f.png]: https://img-blog.csdnimg.cn/bb4097d87c7d4e4b9078c03d9ae1558f.png
[0cc49a2985d64cca92cedec08344ba2c.png]: https://img-blog.csdnimg.cn/0cc49a2985d64cca92cedec08344ba2c.png
[79b9516b6bc84f75a621cd7501d228da.png]: https://img-blog.csdnimg.cn/79b9516b6bc84f75a621cd7501d228da.png
[6c03ddf2b8fd4e419792511f632d754e.png]: https://img-blog.csdnimg.cn/6c03ddf2b8fd4e419792511f632d754e.png