需求:华为、海康威视等的摄像头直播格式为rtsp://***,要求在web页面中展示大屏同时显示5个摄像头的视频直播,不能使用任何播放器。
尝试过ie安装vlc插件可以,其他的chrome等浏览器对vlc的支撑很弱。
https://wiki.videolan.org/Documentation:WebPlugin/
在插件的官网上,由于主流的浏览器版本不能支撑vlc的播放效果。所以希望能从服务器端通过配置的方式解决,前端直接调用url的方式处理。
解决问题的思路是:获取摄像头数据流 --> FFmpeg转码 --> Node.js(搭建webSocket服务器) --> 在服务器上运行jsmpeg程序
记录下具体的操作过程如下:
本机操作系统:win10,虚拟机centos7.
1.先安装好nodejs和ffmpeg.
可以参考之前的文章
--安装nodejs---https://blog.csdn.net/peaceoncemore/article/details/116458340?spm=1001.2014.3001.5501
--安装ffmpeg--https://blog.csdn.net/peaceoncemore/article/details/116461999?spm=1001.2014.3001.5501
2.下载jsmpeg库
https://codeload.github.com/phoboslab/jsmpeg/zip/master
下载jsmpeg-master.zip后解压。可以修改容易记忆的名称
$ unzip jsmpeg-master.zip
$ mv jsmpeg-master jsmpeg
3.Node.js安装webSocket模块
$ npm insta