1、说明：海康、大华、华为等大厂摄像头遵循监控行业标准，一般只支持RTSP传输协议，而Chrome、Firefox、Edge等现代浏览器的主流版本并不支持RTSP流的直接原生播放！想要在网页中实现播放RTSP流，目前简单直接的是用搜狗或360极速浏览器
-
一个摄像头一个IP，一个对应的html文件
-
html文件本地保存，浏览器打开获得监控视频网页地址url
-
-
在帆软大屏上的应用就是将此html文件保存到tomcat所在的本地服务器上，搜狗浏览打开预览获得网络url，报表中添加网页插件
步骤：
1、安装vlc播放器,一直下一步即可；
-
2、获取海康rstp视频流，例如：rtsp://zhangchaoming:zhangchaoming/192.168.0.2/MPEG-4/ch1/main/av_stream;
-
3、新建html文件，插入如下脚本
-
<object type='application/x-vlc-plugin' pluginspage="http://www.videolan.org/" id='vlc' events='false' width="720" height="410"> <--下面的rtsp值要改成你自己vlc播放的rtsp地址--> <param name='mrl' value='rtsp://admin:12345678@192.168.52.55:8080/h264/ch1/main/av_stream' /> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> <param name='controls' value='false' /> </object>
4、搜狗浏览器打开此html文件，即可本地查看监控视频
5、将此html文件复制保存到tomcat服务器上对应的tomcat的ROOT文件下，如D:\apache-tomcat-8.5.61\webapps\ROOT
6、打开tomcat服务；搜狗浏览器输入http://localhost:8080/testmy.html，即可打开监控视频画面
注：期间启动tomcat服务异常，是之前拷贝过去的帆软报表有问题，tomcat一直提示插件错误，就先把拷贝的帆软删除了，重新启动tomcat
7、将此网络地址添加到帆软的网页插件的网络地址栏
下面这个是强哥自写的vedio4.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <object type='application/x-vlc-plugin' id='vlc' events='True' width="230" height="144" pluginspage="http://www.videolan.org" codebase="http://downloads.videolan.org/pub/videolan/vlc-webplugins/3.0.16/npapi-vlc-3.0.16.tar.xz"> <!-- <param name='mrl' value='rtsp://admin:12345678@192.168.22.1:8080/h264/ch1/main/av_stream' /> --> <param name='volume' value='50' /> <param name='autoplay' value='true' /> <param name='loop' value='false' /> <param name='fullscreen' value='false' /> </object> <script> var vlc=document.getElementById('vlc'); var options = new Array("rtsp-tcp") var id = vlc.playlist.add('rtsp://admin:12345678@192.168.55.7:8080/h264/ch1/main/av_stream',"fancy name",options); vlc.playlist.playItem(id); </script> <!--<![endif]--> </body> </html>