关于前端VUE项目中使用webRTC播放rtsp格式的视频流

关于前端VUE项目中使用webRTC播放摄像头视频（海康）。 （随记略显潦草，供自己学习复盘使用）

需要自己下载一个压缩包，把里边的两个文件放到public下

adapter.min.js文件和webrtcstreamer.js文件

老规矩，先引入依赖 import WebRtcStreamer from "../../../public/webrtcstreamer";

核心代码段

// 视频服务器IP
export const videoSever = '//172.168.16.167:8000';

// 绑定摄像头
this.$nextTick(() => {
    // 这里的videoSever变量是你启动视频服务器的电脑的IP
    this.webRtcServer = new WebRtcStreamer('video', location.protocol + videoSever)
    //需要查看的rtsp地址，我这里是后端接口返回的字段拼接，
    this.webRtcServer.connect(`rtsp://${camera[0].account}:${camera[0].password}@${camera[0].ip}:${camera[0].port}/Streaming/Channels/${camera[0].channel}`)
})