当前位置: 首页 > news >正文

如何获取能直接在浏览器打开的播放地址?

背景:需要在浏览器上直接打开设备的画面,但又不想二次开发

 本文介绍一种极简的取流方式,不需要掌握前端开发知识,按照本文档拼接就能得到设备的播放地址

一、准备工作

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.需要自行填入的模板参数如下

【at参数】

可以在控制台-账号中心-应用信息页面查看:https://open.ys7.com/console/application.html;
也可以通过接口获取,接口文档:https://open.ys7.com/help/81

【设备验证码@】

萤石设备验证码一般位于机身上,海康设备验证码为接入时自行设定的
加密的设备需要加入验证码才能播放,若设备未加密可以不传此参数

【设备序列号】

需要播放的设备序列号
一般位于机身上,设备接入后可以在控制台-设备管理器-设备管理页面获取到

【通道号】

若设备是通过录像机接入进来,则需要填设备的通道号,一般为1/2/3等数字;
若摄像头直接接入,则通道号为1

【清晰度】

.hd对应高清(取设备主码流)
不传对应流畅(取设备子码流)

【开始时间&结束时间】

回放的录像片段起止时间点:yyyyMMddhhmmss&end= yyyyMMddhhmmss

【UIKIT主题名称】

pcLive(PC预览)、pcRec(PC回放)、security(PC安防)、simple(精简)

 

三、拼接地址(适用于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.需要自行填入的模板参数如下

【at参数】

可以在控制台-账号中心-应用信息页面查看:https://open.ys7.com/console/application.html;
也可以通过接口获取,接口文档:https://open.ys7.com/help/81

【设备验证码@】

萤石设备验证码一般位于机身上,海康设备验证码为接入时自行设定的
加密的设备需要加入验证码才能播放,若设备未加密可以不传此参数

【设备序列号】

需要播放的设备序列号
一般位于机身上,设备接入后可以在控制台-设备管理器-设备管理页面获取到

【通道号】

若设备是通过录像机接入进来,则需要填设备的通道号,一般为1/2/3等数字;
若摄像头直接接入,则通道号为1

【清晰度】

.hd对应高清(取设备主码流)
不传对应流畅(取设备子码流)

【开始时间&结束时间】

回放的录像片段起止时间点:yyyyMMddhhmmss&end= yyyyMMddhhmmss

【UIKIT主题名称】

pcLive(PC预览)、pcRec(PC回放)、security(PC安防)、simple(精简)

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • C语言 --- 枚举、位运算
  • 电机学习-基础知识
  • AR技术:汽车行业创新发展的新动力
  • Grafana 可视化监控和告警
  • 28. 找出字符串中第一个匹配项的下标【 力扣(LeetCode) 】
  • 【知识点介绍】时钟置换算法(CLOCK算法)
  • 【python学习】深入解析 `jq` 库:JSON 处理的利器
  • 数据库(一):MySQL概述
  • Spring Boot + Vue 跨域配置(CORS)问题解决历程
  • 构建智能生态,视频监控/安防监控EasyCVR视频汇聚流媒体技术在智能分析领域的应用
  • 《TOGAF®标准第10版》:企业架构新时代的必备指南与实践蓝图
  • JS【详解】 延迟加载
  • 阿里云服务器 ECS部署jenkins
  • 《企业净零排放实用手册》:助力中小企业实现“双碳”目标
  • 工业智能网关在汽车制造企业的应用价值及功能-天拓四方
  • AHK 中 = 和 == 等比较运算符的用法
  • co模块的前端实现
  • ES6, React, Redux, Webpack写的一个爬 GitHub 的网页
  • happypack两次报错的问题
  • JavaScript 一些 DOM 的知识点
  • Java新版本的开发已正式进入轨道,版本号18.3
  • JS数组方法汇总
  • Redash本地开发环境搭建
  • Spring核心 Bean的高级装配
  • 对JS继承的一点思考
  • 力扣(LeetCode)965
  • 前端面试之闭包
  • 如何选择开源的机器学习框架?
  • 通过几道题目学习二叉搜索树
  • 写给高年级小学生看的《Bash 指南》
  • 怎么把视频里的音乐提取出来
  • 说说我为什么看好Spring Cloud Alibaba
  • ​力扣解法汇总946-验证栈序列
  • ​水经微图Web1.5.0版即将上线
  • #AngularJS#$sce.trustAsResourceUrl
  • #HarmonyOS:Web组件的使用
  • #stm32整理(一)flash读写
  • #图像处理
  • (1)(1.19) TeraRanger One/EVO测距仪
  • (Demo分享)利用原生JavaScript-随机数-实现做一个烟花案例
  • (vue)el-cascader级联选择器按勾选的顺序传值,摆脱层级约束
  • (差分)胡桃爱原石
  • (附源码)springboot青少年公共卫生教育平台 毕业设计 643214
  • (论文阅读31/100)Stacked hourglass networks for human pose estimation
  • (论文阅读40-45)图像描述1
  • (每日一问)设计模式:设计模式的原则与分类——如何提升代码质量?
  • (一)Kafka 安全之使用 SASL 进行身份验证 —— JAAS 配置、SASL 配置
  • (一)项目实践-利用Appdesigner制作目标跟踪仿真软件
  • (终章)[图像识别]13.OpenCV案例 自定义训练集分类器物体检测
  • (转)EXC_BREAKPOINT僵尸错误
  • (转)Linux NTP配置详解 (Network Time Protocol)
  • (最优化理论与方法)第二章最优化所需基础知识-第三节:重要凸集举例
  • .apk 成为历史!
  • .Net(C#)常用转换byte转uint32、byte转float等
  • .NET/C# 获取一个正在运行的进程的命令行参数