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

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

news 2026/2/10 20:14:38

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

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

一、准备工作

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（精简）

相关文章：

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

背景：需要在浏览器上直接打开设备的画面，但又不想二次开发 本文介绍一种极简的取流方式，不需要掌握前端开发知识，按照本文档拼接就能得到设备的播放地址 一、准备工作 1.将设备接入到萤石账号下。萤石设备接入指南：h…...

编程日记 2024/8/13 18:08:26

如何用 LangChain 实现一个Zero Shot智能决策器（附源码）

写在前面 最近一直在研究Agent和Tool的使用，今天给大家带来一篇何枝大佬（知乎何枝）的文章《如何用LangChain实现一个Zero Shot智能决策器》，并附上源码。 知乎：https://zhuanlan.zhihu.com/p/627333499LangChain是当…...

编程日记 2024/8/13 18:07:25

读完这本书，我终于搞懂了Transformer、BERT和GPT！【附PDF】

前言 《Transformer、BERT和GPT: 包括ChatGPT和提示工程》 是一本深入浅出地介绍自然语言处理领域前沿技术的专著，全书一共379页PDF，是截止到目前比较系统介绍NLP和GPT融合领域的书籍。 全书共十章，内容丰富，结构清晰&#xff0c…...

编程日记 2024/8/13 18:05:20

仿RabbitMq简易消息队列基础篇（Muduo库的使用）

TOC Muduo库简介 Muduo由陈硕⼤佬开发，是⼀个基于⾮阻塞IO和事件驱动的C⾼并发TCP⽹络编程库。他是一款基于主从Reactor模型的网络库，其使用的线程模型是one loop per thread, 所谓 one loop per thread 指的是： 一个线程只能有一个事件循…...

编程日记 2024/8/13 18:04:17

.net SqlSugarHelper

NuGet安装： SqlSugarCore using SqlSugar; using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace Namespace {public class SqlSugarHelper{public string _connectionString Custom…...

编程日记 2024/8/13 17:59:11

“AI能不能代替某某职业”，到底谁在破防？

前几天，公司在午间分享时谈到一个有趣的辩题：“AI能不能代替产品经理”，不仅双方辩手打了个你来我往，就连下面的吃瓜群众也进入红温状态。 “AI能不能代替xx”已经成为一个普遍的话题，在某乎上随手一刷就是不同的职业…...

编程日记 2024/8/13 17:58:09

智慧图书馆：构建高效视频智能管理方案，提升图书馆个性化服务

一、背景分析 随着信息技术的飞速发展，智慧图书馆作为现代公共文化服务的重要载体，正逐步从传统的纸质阅读空间向数字化、智能化方向转型。其中，视频智能管理方案作为智慧图书馆安全管理体系的重要组成部分，不仅能够有效提升图书…...

编程日记 2024/8/13 17:56:06

React快速开发框架

本框架主要用于快速搭建项目 使用的基本库：webpackreactreact-routertypescript ps：有不足之处请多多包涵，提出意见或者建议 目的： 前端开发大多数时间是基于市面上比较流行的成品框架开始进行开发，途中遇到的问题大…...

编程日记 2024/8/13 17:55:05

【前端】记录各种控制台警告/bug

一、Element Plus 1、控制台警告：“Runtime directive used on component with non-element root node. The directives will not function as intended.” 错误原因：在 Vue 组件上使用了运行时指令（指那些在运行时动态绑定到 DOM 元素上的指…...

编程日记 2024/8/13 17:54:04

猫咪掉毛严重怎么办？铲屎官家庭必备清理工具——宠物空气净化器

“毛，毛，毛，还是毛！”铲屎官们每天都离不开和猫毛斗智斗勇，家里的每个角落都成了“战场”，掉毛的严重程度超乎想象。有时也在后悔当初怎么不养只无毛猫，而是把毛孩子接了回来，世上没…...

编程日记 2024/8/13 17:53:03

顺序表的实现——数据结构

线性表 文章目录 线性表线性表的定义和基本操作线性表的定义线性表的基本操作 线性表的顺序表示顺序表的定义顺序表的实现——静态分配顺序表的实现——动态分配顺序表的特点 线性表的定义和基本操作 线性表的定义 线性表（Linear List）的定义 ​ 线性…...

编程日记 2024/8/13 17:52:02

【模块化】CommonJS，AMD规范，CMD规范，ES6模块化

1. CommonJS Node.js基于CommonJS规范应运而生 1.1 commonjs规范语法导出模块 module.exports { a, b }1.2 commonjs规范语法引入模块 const mod require(./导出模块name)2. AMD 规范 RequireJS 是AMD规范的实现。是js文件和模块的加载器。 在没有单页应用（angu…...

编程日记 2024/8/13 17:48:59

3.js - 顶点着色器、片元着色器的联系

1、定义与功能 顶点着色器 顶点着色器，是图形渲染管线中的第一个可编程阶段，它的主要任务是，处理从CPU发送到GPU的顶点数据，包括：1、顶点位置的变换（如：模型空间 -> 世界空间 -> 视图控件…...

编程日记 2024/8/13 17:45:55

kotlin简介

Kotlin 是一种在 Java 虚拟机上运行的静态类型编程语言，被称之为 Android 世界的Swift，由 JetBrains 设计开发并开源。 Kotlin 可以编译成Java字节码，也可以编译成 JavaScript，方便在没有 JVM 的设备上运行。 在Google I/O 2017…...

编程日记 2024/8/13 17:44:54

Mintegral出海系列：解锁全球应用商店新增长路径

在全球化竞争的浪潮中，面对打法各异的应用和游戏品类，以及全球数百个环境不同的国家和地区，开发者们正面临着前所未有的挑战。Mintegral「出海ing」系列专题内容，助力出海开发者选准赛道探索新的增长路径。 据近期数据显示&#x…...

编程日记 2024/8/13 17:43:52

Qt 哈希加密之 QCryptographicHash

【写在前面】 QCryptographicHash 是 Qt 框架中提供的一个类，它用于实现加密散列函数，也就是我们常说的哈希函数。哈希函数能够将任意长度的数据转换为固定长度的哈希值，这个哈希值通常用于数据的完整性校验、密码存储等场景。 什么是哈希函数…...

编程日记 2024/8/13 17:42:51

渗透第二次作业

目录 简述rce漏洞 可能产生rce漏洞的函数 RCE代码执行漏洞示例 贷齐乐系统多处SQL注入漏洞 ​编辑 爆出库名 爆出表名 爆出表下的列名 查flag数据 简述rce漏洞 ​ rce漏洞，即远程代码执行和远程命令执行漏洞。这种漏洞允许攻击者在后台服务器上远程注入操作…...

编程日记 2024/8/13 17:41:50

42.【C语言】冒泡排序

目录： 冒泡排序 *核心思想 *分析 *代码 *优化 15.冒泡排序(bubble sort) *核心思想：两两相邻的元素进行比较，满足条件则两者交换 *分析 现要求升序排序 输入: 9 8 7 6 5 4 3 2 1 0 输出：0 1 2 3 4 5 6 7 8 9 下面展示一趟冒泡排…...

编程日记 2024/8/13 17:40:49

Linux安全与高级应用（七）深入Linux Shell脚本编程：循环与分支结构的高级应用

文章目录 深入Linux Shell脚本编程：循环与分支结构的高级应用一、循环结构详解1. for循环1.1 应用示例：检查主机状态 2. while循环2.1 应用示例：猜价格游戏 二、分支结构详解1. if语句1.1 单分支结构1.2 双分支结构1.3 多分支结构 2. case语句…...

编程日记 2024/8/13 17:38:46

python爬虫滑块验证及各种加密函数(基于ddddocr进行的一层封装)

git链接: https://github.com/JOUUUSKA/spider_toolsbox 这里写目录标题 一.识别验证码1、识别英文＋数字验证码2、识别滑块验证码3、识别点选验证码 一.识别验证码 git链接: https://github.com/JOUUUSKA/spider_toolsbox 创作不易记得stars 1、识别英文&#xf…...

编程日记 2024/8/13 17:37:44

Ubuntu系统下交叉编译openssl

一、参考资料 OpenSSL&&libcurl库的交叉编译 - hesetone - 博客园 二、准备工作 1. 编译环境 宿主机：Ubuntu 20.04.6 LTSHost：ARM32位交叉编译器：arm-linux-gnueabihf-gcc-11.1.0 2. 设置交叉编译工具链 在交叉编译之前&#x…...

编程新知 2025/11/10 15:33:04

【JVM】- 内存结构

引言 JVM：Java Virtual Machine 定义：Java虚拟机，Java二进制字节码的运行环境好处： 一次编写，到处运行自动内存管理，垃圾回收的功能数组下标越界检查（会抛异常，不会覆盖到其他代码…...

编程新知 2026/1/30 13:40:43

【CSS position 属性】static、relative、fixed、absolute 、sticky详细介绍，多层嵌套定位示例

文章目录 ★ position 的五种类型及基本用法 ★ 一、position 属性概述 二、position 的五种类型详解（初学者版） 1. static（默认值） 2. relative（相对定位） 3. absolute（绝对定位） 4. fixed（固定定位） 5. sticky（粘性定位） 三、定位元素的层级关系（z-i…...

编程新知 2026/2/9 1:38:05

Frozen-Flask ：将 Flask 应用“冻结”为静态文件

Frozen-Flask 是一个用于将 Flask 应用“冻结”为静态文件的 Python 扩展。它的核心用途是：将一个 Flask Web 应用生成成纯静态 HTML 文件，从而可以部署到静态网站托管服务上，如 GitHub Pages、Netlify 或任何支持静态文件的网站服务器。 &am…...

编程新知 2025/12/5 20:57:13

苍穹外卖--缓存菜品

1.问题说明 用户端小程序展示的菜品数据都是通过查询数据库获得，如果用户端访问量比较大，数据库访问压力随之增大 2.实现思路 通过Redis来缓存菜品数据，减少数据库查询操作。 缓存逻辑分析： ①每个分类下的菜品保持一份缓存数据…...

编程新知 2026/2/7 15:39:49

selenium学习实战【Python爬虫】

selenium学习实战【Python爬虫】 文章目录 selenium学习实战【Python爬虫】一、声明二、学习目标三、安装依赖3.1 安装selenium库3.2 安装浏览器驱动3.2.1 查看Edge版本3.2.2 驱动安装 四、代码讲解4.1 配置浏览器4.2 加载更多4.3 寻找内容4.4 完整代码 五、报告文件爬取5.1 提…...

编程新知 2026/2/4 12:52:32

Spring是如何解决Bean的循环依赖：三级缓存机制

1、什么是 Bean 的循环依赖 在 Spring框架中，Bean 的循环依赖是指多个 Bean 之间‌互相持有对方引用‌，形成闭环依赖关系的现象。 多个 Bean 的依赖关系构成环形链路，例如： 双向依赖：Bean A 依赖 Bean B，同时 Bean B 也依赖 Bean A（A↔B）。链条循环： Bean A → Bean…...

编程新知 2025/7/25 1:21:53

Vite中定义@软链接

在webpack中可以直接通过符号表示src路径，但是vite中默认不可以。 如何实现： vite中提供了resolve.alias：通过别名在指向一个具体的路径 在vite.config.js中 import { join } from pathexport default defineConfig({plugins: [vue()],//…...

编程新知 2026/1/24 13:26:57

Unity中的transform.up

2025年6月8日，周日下午 在Unity中，transform.up是Transform组件的一个属性，表示游戏对象在世界空间中的“上”方向（Y轴正方向），且会随对象旋转动态变化。以下是关键点解析： 基本定义 transfor…...

编程新知 2026/2/8 1:53:31

CppCon 2015 学习:REFLECTION TECHNIQUES IN C++

关于 Reflection（反射） 这个概念，总结一下： Reflection（反射）是什么？ 反射是对类型的自我检查能力（Introspection） 可以查看类的成员变量、成员函数等信息。反射允许枚…...

编程新知 2025/12/1 1:27:24