监控摄像头H5直播试例
在WEB环境下实现监控摄像头H5直播,有效解决监控视频对接第三方平台难题。
关键词:H5,监控直播
调用详细文档:
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,传入单个则直接播放,不传或传多个(英文逗号分隔)则可能显示播放列表
});