1 实现原理

如图所示：

（1）部署 RTSP 转 WebtoRTC 的服务： RTSPtoWebRTC ；

（2）将监控服务端提供的 RTSP视频流配置到 RTSPtoWebRTC 服务中，该服务会将 RTSP 转为 WebRTC；

（3）将 WebRTC 页面中的 HTTP URL 添加到 DataEase 的仪表板中的网页组件；

（4）在仪表板就可以查看到监控服务端的视频了，如果有多路视频，将多路视频的 URL 添加为多个网页组件即可。

效果图：

2 安装 Go 环境

#下载、解压
wget https://dl.google.com/go/go1.19.1.linux-amd64.tar.gz
tar -zxvf go1.19.1.linux-amd64.tar.gz 
mv go /usr/local/

#配置环境变量
cat > /etc/profile << EOF
export GOROOT=/usr/local/go
export PATH=\$PATH:\$GOROOT/bin
export GOPROXY=https://goproxy.io
EOF

source /etc/profile

3 配置 RTSPtoWebRTC

3.1 下载 RTSPtoWebRTC

#下载 RTSPtoWebRTC
yum install -y git
git clone https://github.com/deepch/RTSPtoWebRTC
cd RTSPtoWebRTC/

3.2 编辑 config.json

vim config.json

{
  "server": {
    "http_port": ":8083",
    "ice_servers": ["stun:stun.l.google.com:19302"]
  },
  "streams": {

#Phone_1 为 第一路视频设备名
    "Phone_1": {
      "on_demand": false,
      "disable_audio": true,
      "url": "rtsp://admin:admin@192.168.1.120:8554/live"

#admin:admin 代表rtsp视频的用户名和密码
    },

#Phone_2 为 第二路视频设备名
    "Phone_2": {
      "on_demand": false,
      "disable_audio": true,
      "url": "rtsp://admin:admin@192.168.1.147:8554/live"
    }
  }
}