通常网络摄像头均支持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进行访问。