背景:需要在浏览器上直接打开设备的画面,但又不想二次开发 本文介绍一种极简的取流方式,不需要掌握前端开发知识,按照本文档拼接就能得到设备的播放地址 一、准备工作 1.将设备接入到萤石账号下。萤石设备接入指南:https://open.ys7.com/help/2837,海康摄像头接入指南:https://open.ys7.com/help/2834,海康录像机接入指南:https://open.ys7.com/help/2836 2.将萤石账号升级为萤石开发者账号,并且拿到账号的Token信息。指导文档:https://club.ys7.com/portal.php?mod=view&aid=34 二、拼接地址(适用于Web页面) 1.预览模板(直播):https://open.ys7.com/console/jssdk/pc.html?accessToken=【at参数】&url=ezopen://【设备验证码@】open.ys7.com/【设备序列号】/【通道号】【清晰度】【播放类型】.live&themeId=【UIKIT主题名称】 2.回放模板:https://open.ys7.com/console/jssdk/pc.html?accessToken=【at参数】&url=ezopen://【设备验证码@】open.ys7.com/【设备序列号】/【通道号】【清晰度】【播放类型】.rec【开始时间&结束时间】&themeId=【UIKIT主题名称】 3.拼接示例:https://open.ys7.com/console/jssdk/pc.html?url=ezopen://open.ys7.com/E5****763/1.rec?begin=20240622000000&end=20240623235829&accessToken=at385******f7w1gm****xb47r-3npwv55aws-1***gfb-5****l3&themeId=pcRec 4.效果图 5.需要自行填入的模板参数如下
三、拼接地址(适用于H5页面) 1.预览模板(直播):https://open.ys7.com/console/jssdk/mobile.html?accessToken=【at参数】&url=ezopen://【设备验证码@】open.ys7.com/【设备序列号】/【通道号】【清晰度】【播放类型】.live&themeId=【UIKIT主题名称】 2.回放模板:https://open.ys7.com/console/jssdk/mobile.html?accessToken=【at参数】&url=ezopen://【设备验证码@】open.ys7.com/【设备序列号】/【通道号】【清晰度】【播放类型】.live&themeId=【UIKIT主题名称】 3.拼接示例:https://open.ys7.com/console/jssdk/mobile.html?url=ezopen://open.ys7.com/E5****763/1.rec?begin=20240622000000&end=20240623235829&accessToken=at385******f7w1gm****xb47r-3npwv55aws-1***gfb-5****l3&themeId=pcRec 4.效果图 5.需要自行填入的模板参数如下
|