监控摄像头H5直播试例

监控摄像头H5直播试例

在WEB环境下实现监控摄像头H5直播,有效解决监控视频对接第三方平台难题。

关键词:H5,监控直播

调用详细文档:

v6.5.190326(1).zip


1、在需要的地方应用


2、加载JS

			$id("yst-video-box")
				.config({
					api: '//cdn88.cn/api/', //API接口地址
					multi: false, //是否开启多通道协议
					debug: false, //是否启用本地调试
					logs: false, //是否启用前台日志调试(手机)
					alert: true, //是否弹出消息窗口
					timeout: 600, //连续播放时间限制(秒),0表示不限制
					heartbeat: 300, //心跳连接服务器间隔时间(秒) 
					login: true, //是否允许用户登录,显示登录窗口
					// 播放列表
					list: true, //是否显示播放列表
					filter: true, //是否过滤不在线的设备
					colNum: 0, //播放列表每行显示几列,0为自适应根据colWidth计算
					colWidth: 210, //播放列表每列最小宽度
					playinline: 1, //当行内列数小于或等于此值时,原地播放
					// 播放器
					player: '', //默认播放器[hls|hls-plugin|flash],空值为自动判断
					controller: true, //是否开启控制按钮(云台控制,分辨率,高/宽比)
					ratio: 0, //视频高/宽比例,不指定值则铺满上级容器
					res: 1, //flash播放器分辨率:默认1=辅码流,0=主码流
					buffer: 2, //flash播放器缓冲时间,默认2秒,网络较差时设置3秒
					flsPort: 1671, //flash播放器默认数据端口1671|7013
					jsPath: 'js/' //项目js文件夹路径
				})
				.getVideo({
					//ip: '', //服务器ip地址,租用可忽略
					//user: 'demo', //无账号时需登录
					//password: '', //密码,无密码可忽略
					//dev: 'f445ce834bd6117e' //摄像头SN,传入单个则直接播放,不传或传多个(英文逗号分隔)则可能显示播放列表
				});