Unity3d C#快速打开萤石云监控视频流（ezopen）支持WebGL平台，替代UMP播放视频流的方案（含源码）

2023-11-02 16:10
文章标签 c# 源码 平台 快速 支持 打开 播放 .net 替代 监控 方案 webgl netcore unity3d 视频流 萤石 ezopen ump

本文主要是介绍Unity3d C#快速打开萤石云监控视频流（ezopen）支持WebGL平台，替代UMP播放视频流的方案（含源码），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

前言

Universal Media Player算是视频流播放功能常用的插件了，用到现在已经不知道躺了多少坑了，这个插件虽然是白嫖的，不过被甲方和领导吐槽的就是播放视频流的速度特别慢，可能需要几十秒来打开监控画面，等待的时间较久。还有当输出WebGL的时候视频无法播放，这个问题也一直没法解决。而我们常用的萤石云监控视频流在小程序端或者Web端打开却快速了很多，这也就启发了在Unity3d中也使用这种嫁接的方式来实现。就是通过打开网页，在网页中播放视频流的方式来解决该问题。实验结果就是能比Universal Media Player打开快2-3倍。本文是Unity3d 2020.3.28f1c1 Personal版本以萤石云的ezopen协议为例，实现该功能。

如果你的视频流协议是其它的（如rtmp、rtsp等），则需要将摄像头的协议转成能够在浏览器中播放的协议，具体方式需要做网页的相关人员进行。这个是我在网上搜到的方法，本人并未进行实操测试，仅供参考：

1、Nginx的RTMP模块配置方法，通过Ffmpeg将RTSP转成RTMP协议，然后Nginx中配置RTMP到HLS协议的映射，最后按照指定的规则路径请求即可。

2、Ffmpeg将RTSP协议直接转成HLS协议，写入到Nginx的指定目录下，然后Nginx将该目录代理成HTTP访问的方式，浏览器直接请求即可，这种方法会生成很多ts文件，需要做清理处理，尝试过可行，但是不建议使用。

效果

Windows效果一：
在这里插入图片描述

Windows效果二：

在这里插入图片描述

WebGL平台：

在这里插入图片描述

如果设备有问题会直接提示在播放界面上：

在这里插入图片描述

以上动态图没有展示成功的画面，因为设备非个人持有，所以播放成功的画面未进行直接展示。

工作准备

笔者所用的插件：

LitJson 用于生成/解析网络请求的json。
DOTweenPro 用于制作简单的窗口弹出、关闭动画；
3D WebView for Windows and macOS (Web Browser) 用于打开网页（使用说明（https://blog.csdn.net/qq_33789001/article/details/126180804））的插件（看需求使用Embedded Browser也可以），需要WebGL 平台的还需要2D WebView for WebGL (Web Browser IFrame)插件。

参考文章：
之前笔者写过关于萤石云监控相关的操作可以进行一些参考复用。
获取accessToken：https://blog.csdn.net/qq_33789001/article/details/117251545
获取视频流地址：https://blog.csdn.net/qq_33789001/article/details/128223680
Unity WebGl发布问题：
https://blog.csdn.net/qq_33789001/article/details/128900799

功能实现

获取accessToken

管理员账号根据appKey和secret获取accessToken接口.
请求地：https://open.ys7.com/api/lapp/token/get 请求方式：POST
① AccessToken，即访问令牌。接口调用必备的公共参数之一，用于校验接口访问/调用是否有权限，有效期为7天，有效期内不需要重复申请，可以重复使用；
② 有效期7天无法变更，请在业务端使用AccessToken的场景中，校验老Token的有效性和失效时重新获取Token的机制；
③ 新获取Token不会使老Token失效，每个Token独立拥有7天生命周期 接口列表如下：

返回字段
字段名 类型 描述
accessToken String 获取的accessToken
expireTime long 具体过期时间，精确到毫秒
这里的实现代码如下：

    //令牌相关[Header("设置萤石云的appKey")]public string appKey = "";[Header("设置萤石云的appSecret")]public string appSecret = "";string GetATUrl = "https://open.ys7.com/api/lapp/token/get";[HideInInspector]public string AT = "";DateTime AtEdTime; //令牌失效时间
//请求萤石云的令牌void GetAccessToken(){isGetATing = true;List<IMultipartFormSection> formData = new List<IMultipartFormSection>();formData.Add(new MultipartFormDataSection("appKey", appKey));formData.Add(new MultipartFormDataSection("appSecret", appSecret));Global.DoReqWebApiPost(GetATUrl, formData, (bytes) =>{try{if (string.IsNullOrEmpty(bytes)) return;JsonData datas = JsonMapper.ToObject(bytes);if (!datas.ContainsKey("data")) return;if (!datas["data"].ContainsKey("accessToken") || !datas["data"].ContainsKey("expireTime")) return;AT = datas["data"]["accessToken"].ToString();AtEdTime = ConvertToDateTime(datas["data"]["expireTime"].ToString());}catch (Exception e){Debug.LogWarning("获取萤石云AccessToken异常：" + e);}finally {isGetATing = false;}});
}

要注意的是，如果程序长期运行，需要判断accessToken的过期时间，即使获取并更新，不然会导致功能异常。

获取监控视频流

获取单个的视频流地址，需要使用accessToken为参数，并且protocol的协议必须是ezopen，同时过期时间需要尽量长一些。

    [Header("是否同步流地址")]public bool isSyncUrl = true;[Header("选择视频流类型")]public Streaming_Type streamingType = Streaming_Type.ezopen;[Header("监控设备编号")]public string deviceSerial;[Header("监控频道号")]
public string channelNo;//获取视频地址void GetSteamingUrl(){List<IMultipartFormSection> formData = new List<IMultipartFormSection>();formData.Add(new MultipartFormDataSection("accessToken", YsAccessTokenMgr.instance.AT));formData.Add(new MultipartFormDataSection("deviceSerial", deviceSerial));formData.Add(new MultipartFormDataSection("channelNo", channelNo));formData.Add(new MultipartFormDataSection("expireTime", "2592000"));formData.Add(new MultipartFormDataSection("protocol", ((int)streamingType).ToString()));formData.Add(new MultipartFormDataSection("quality", "1"));Global.DoReqWebApiPost(StreamUrl, formData, (bytes) =>{try{if (string.IsNullOrEmpty(bytes))return;JsonData datas = JsonMapper.ToObject(bytes);if (!datas.ContainsKey("data")|| !datas["data"].ContainsKey("url"))return;videourl = datas["data"]["url"].ToString();}catch (Exception e){Debug.LogWarning("获取萤石云视频流地址异常：" + e);}});}

这里也可以不获取视频流地址，只有视频嵌入式需要ezopen的地址，isSyncUrl 为false时，就不会获取。

打开网页播放视频

我们在点击了监控视频的标签后，就根据视频标签的信息打开监控视频的网页。
这里有两种方式进行播放视频流：视频嵌入式和跳转播放页式，详细说明请看：https://open.ys7.com/bbs/article/20
因为我们的视频窗口是在UI上，所以使用CanvasWebViewPrefab进行网页打开：

 canvasWebView.WebView.LoadUrl(url);

视频嵌入式

代码如下：

 string url = "https://open.ys7.com/ezopen/h5/iframe_se?url=" + path + "&autoplay=1&audio=0&accessToken=" + YsAccessTokenMgr.instance.AT;canvasWebView.WebView.LoadUrl(url);

说明如下：
url：监控地址，包含验证码、设备序列号、通道号、清晰度、播放类型
autoplay：1-开启自动播放，未显示字段-关闭自动播放
audio：1-开启音频，未显示字段-关闭音频
accessToken：访问令牌，播放监控地址的必要参数
笔者在测试该方式时发现，在WebGL时，这种方式在一定情况下会出现网页错误，视频未播放的情况：
在这里插入图片描述

跳转播放页式

代码如下：

 string url = " https://open.ys7.com/ezopen/h5/live?autoplay=1&audio=0&accessToken=" + YsAccessTokenMgr.instance.AT + "&hd=1&deviceSerial=" + camlab.deviceSerial + "&channelNo=" + camlab.channelNo;canvasWebView.WebView.LoadUrl(url);

说明如下：
live后缀：预览
rec后缀：回放
autoplay：1-开启自动播放，未显示字段-关闭自动播放
audio：1-开启音频，未显示字段-关闭音频
accessToken：访问令牌，播放监控地址的必要参数
validCode：验证码，加密设备播放需要验证码
hd：1-高清（实际为主码流），未显示字段-流畅（实际为子码流）
deviceSerial：设备序列号
channelNo：通道号

工程源码

完整的工程源码：https://download.csdn.net/download/qq_33789001/88135255
无法打开说明审核未通过。

现在工程后,打开项目中的Main.unity场景，选中FunNodes>YsAccessTokenMgr节点设置您自己的appKey和appSecret：
在这里插入图片描述

选中Icon_Camera修改视频标签的信息deviceSerial和channelNo：
在这里插入图片描述

确保的信息都是同一个账号下面的，运行后点击视频图标即可看到播放的效果了。

这篇关于Unity3d C#快速打开萤石云监控视频流（ezopen）支持WebGL平台，替代UMP播放视频流的方案（含源码）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

原文地址:https://blog.csdn.net/qq_33789001/article/details/132025298
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.chinasem.cn/article/331777。

相关文章

AJAX请求上传下载进度监控实现方式

AJAX请求上传下载进度监控实现方式

《AJAX请求上传下载进度监控实现方式》在日常Web开发中,AJAX（AsynchronousJavaScriptandXML）被广泛用于异步请求数据,而无需刷新整个页面,：本文主要介绍AJAX请... 目录1. 前言2. 基于XMLHttpRequest的进度监控2.1 基础版文件上传监控2.2 增强版多
阅读更多...
Java图片压缩三种高效压缩方案详细解析

Java图片压缩三种高效压缩方案详细解析

《Java图片压缩三种高效压缩方案详细解析》图片压缩通常涉及减少图片的尺寸缩放、调整图片的质量(针对JPEG、PNG等)、使用特定的算法来减少图片的数据量等,：本文主要介绍Java图片压缩三种高效... 目录一、基于OpenCV的智能尺寸压缩技术亮点：适用场景：二、JPEG质量参数压缩关键技术：压缩效果对比
阅读更多...
Java调用C++动态库超详细步骤讲解(附源码)

Java调用C++动态库超详细步骤讲解(附源码)

《Java调用C++动态库超详细步骤讲解(附源码)》C语言因其高效和接近硬件的特性,时常会被用在性能要求较高或者需要直接操作硬件的场合,：本文主要介绍Java调用C++动态库的相关资料,文中通过代... 目录一、直接调用C++库第一步：动态库生成（vs2017+qt5.12.10）第二步：Java调用C++
阅读更多...
SpringBoot首笔交易慢问题排查与优化方案

SpringBoot首笔交易慢问题排查与优化方案

《SpringBoot首笔交易慢问题排查与优化方案》在我们的微服务项目中,遇到这样的问题：应用启动后,第一笔交易响应耗时高达4、5秒,而后续请求均能在毫秒级完成,这不仅触发监控告警,也极大影响了用户体... 目录问题背景排查步骤1. 日志分析2. 性能工具定位优化方案：提前预热各种资源1. Flowable
阅读更多...
使用Python实现快速搭建本地HTTP服务器

使用Python实现快速搭建本地HTTP服务器

《使用Python实现快速搭建本地HTTP服务器》：本文主要介绍如何使用Python快速搭建本地HTTP服务器,轻松实现一键HTTP文件共享,同时结合二维码技术,让访问更简单,感兴趣的小伙伴可以了... 目录1. 概述2. 快速搭建 HTTP 文件共享服务2.1 核心思路2.2 代码实现2.3 代码解读3.
阅读更多...
使用C#代码在PDF文档中添加、删除和替换图片

使用C#代码在PDF文档中添加、删除和替换图片

《使用C#代码在PDF文档中添加、删除和替换图片》在当今数字化文档处理场景中,动态操作PDF文档中的图像已成为企业级应用开发的核心需求之一,本文将介绍如何在.NET平台使用C#代码在PDF文档中添加、... 目录引言用C#添加图片到PDF文档用C#删除PDF文档中的图片用C#替换PDF文档中的图片引言在当
阅读更多...
详解C#如何提取PDF文档中的图片

详解C#如何提取PDF文档中的图片

《详解C#如何提取PDF文档中的图片》提取图片可以将这些图像资源进行单独保存,方便后续在不同的项目中使用,下面我们就来看看如何使用C#通过代码从PDF文档中提取图片吧... 当 PDF 文件中包含有价值的图片，如艺术画作、设计素材、报告图表等，提取图片可以将这些图像资源进行单独保存，方便后续在不同的项目中使
阅读更多...
C#使用SQLite进行大数据量高效处理的代码示例

C#使用SQLite进行大数据量高效处理的代码示例

《C#使用SQLite进行大数据量高效处理的代码示例》在软件开发中,高效处理大数据量是一个常见且具有挑战性的任务,SQLite因其零配置、嵌入式、跨平台的特性,成为许多开发者的首选数据库,本文将深入探... 目录前言准备工作数据实体核心技术批量插入：从乌龟到猎豹的蜕变分页查询：加载百万数据异步处理：拒绝界面
阅读更多...
用js控制视频播放进度基本示例代码

用js控制视频播放进度基本示例代码

《用js控制视频播放进度基本示例代码》写前端的时候,很多的时候是需要支持要网页视频播放的功能,下面这篇文章主要给大家介绍了关于用js控制视频播放进度的相关资料,文中通过代码介绍的非常详细,需要的朋友可... 目录前言html部分:JavaScript部分:注意：总结前言在javascript中控制视频播放
阅读更多...
C#数据结构之字符串(string)详解

C#数据结构之字符串(string)详解

《C#数据结构之字符串(string)详解》：本文主要介绍C#数据结构之字符串(string),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录转义字符序列字符串的创建字符串的声明null字符串与空字符串重复单字符字符串的构造字符串的属性和常用方法属性常用方法总结摘
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2