使用go2rtc+webrtc-streamer在网页上播放rtsp 的摄像头视频

## go2rtc部署步骤
将go2rtc的程序包上传到 /home/go2rtc/ 目录
go2rtc使用了screen会话软件进行启动，会话名：go2rtc
启停go2rtc命令，需要进入会话： 执行 screen -r go2rtc
然后切换到 /home/go2rtc/  目录
执行 ./go2rtc_linux_amd64 启动。

go2rtc_linux_amd64 启动时，会默认读取同级目录的go2rtc.yaml文件，go2rtc.yaml文件里包括了所有的支持onvif协议的摄像头数据，如果摄像头onvif信息有所变更 ，需要同步 更新这里的 go2rtc.yaml文件，并重启服务。
go2rtc web控制台：
http://10.1.168.100:1984/

## webrtc-streamer部署使用

webrtc-streamer 默认使用了docker的方式进行安装，
下面这个 --net=host 非常的重要！一定不能漏掉，否则视频画面无法正常加载。
~~~
docker run --net=host --name webrtc-streamer -it mpromonet/webrtc-streamer
~~~

go2rtc的部署，实现了将所有onvif摄像头的流媒体接入，对外提供rtsp flv MJPEG webrtc等方式的接口。
浏览器可以使用flv.js直接查看go2rtc的flv地址画面，但是鉴于flv的画面加载慢，同时兼容性差的原因，本系统同时引入了 webrtc-streamer这个组件，直接使用 webrtc-streamer接入rtsp，将rtsp的流直接转成webrtc的视频数据进行展示 ，兼容性高，加载速度快！

## vue端

需要在页面引入 
~~~
import "@/assets/webrtcstreamer.js"
import "@/assets/adapter.min.js"
~~~

播放：

~~~
this.webRtcServer = new WebRtcStreamer(
            "video",
            'http://'+liveIp+':8000'//本机ip+端口8000
        );

this.webRtcServer.connect(      
            "rtsp://"+liveIp+":8554/" + this.deviceNumber,null,"rtptransport=tcp&timeout=60"
        );

this.webRtcServer.on("playing", () => {
          console.log("playing")
        })
~~~
具体使用自行百度