RTSP视频流html页面展现的无插件方法

 通常网络摄像头均支持rstp协议进行访问，但是其官方提供的web开发通常为控件方式，且高版本chrome禁用了NAPI插件调用，所以兼容性通常很差。

网上很多种解决方案，但是通常均无法正常使用。这里将自己项目中实际应用的方法写出来给需要的人。

CSDN下载地址：https://download.csdn.net/download/flyaimo/10306767

内含Windows64位全套内容+配置手册

1、官方下载相应系统的安装包

下载地址：https://www.linkingvision.com/download/H5Stream/

2、Windows下需安装Vs2017redistributable(区分32位及64位)

https://download.visualstudio.microsoft.com/download/pr/100349138/88b50ce70017bf10f2d56d60fcba6ab1/VC_redist.x86.exe

https://download.visualstudio.microsoft.com/download/pr/11100230/15ccb3f02745c7b206ad10373cbca89b/VC_redist.x64.exe

3、解压缩下载的压缩包“h5s-r3.3.0315.18-win64-release.zip”致盘根路径，不能含有中文。

4、配置 conf/h5ss.conf

{

 "http": {

 "nHTTPPortComment": "HTTP server port, if port is 0,disable it",

 "nHTTPPort": 8888,(http连接方式的端口)

 "nHTTPSPortComment": "HTTPS server port,  if port is 0, disable it",

 "nHTTPSPort": 9999, (https连接方式的端口)

 "bAuthComment": "Enable authentication forHTTP/HTTPS",

 "bAuth": false

 }

配置视频源（我将多余的源删除，这里可以配置多个视频源）：

"src": [

   {

   "strNameComment": "name for this stream",

   "strName": "Stream 1",

   "strTokenComment": "token for this stream, must unique,if same, only frist will be available",

   "strToken": "token1",

   "nTypeComment": "source type H5_FILE/H5_STREAM",

   "nType": "H5_STREAM",

   "strUrlComment": "",

   "strUrl": "rtsp://192.168.0.105:554/h264/ch1/main/av_stream",

   "strUserComment": "username",

   "strUser": "admin",

   "strPasswdComment": "password",

   "strPasswd": "tdabcd1234",

   "bPasswdEncryptComment": "Password Encrypted",

   "bPasswdEncrypt": false

   }

  5、执行 regservice.bat安装服务。

  6、执行 h5ss.bat 启动转换服务。

7、访问ip:port 访问即可。如 http://192.168.0.104:8888

8、www目录下为其默认页面的模板，可以通过iframe方式调用，也可以通过js调用其api进行访问。