安装

第一步先安装videojs@7.0.3版本，版本不一致可能导致直播出错！

执行命令：npm i video.js@7.0.3

第二部安装依赖

执行命令：npm install

说明

此演示项目名为demo，实则主要用于展示，代码复用性不高，可根据实际情况自行编码

强调

在分屏切换时，虽然video DOM不存在但stream流还会持续请求，采用videojs的dispose方法注销当前播放器是个不错的选择

使用背景

2021年以前，大多数视频监控采用的是rtmp或者rtsp协议的流，但是2021年以后主流浏览器下架flash，同为adobe的rtmp和rtsp已经不能在前端渲染video，本项目采用videojs@7.0.3版本播放hls协议的m3u8视频切片可解决以上尴尬

项目演示

效果预览