1、背景介绍

传统的GIS+视频监控应用虽然将摄像机的视频图像统一接入到地图大屏，但视频图像之间缺乏空间位置关联弱，监控画面孤立，视频呈现不直观，需要花大量的时间及人力去看监控。视频融合成为智慧城市中视频治理的必然趋势。

作者于2021年末探索了基于易智瑞（ArcGIS）系列产品实现了将视频投放至三维场景，实现了视频与三维场景融合展示。

2、效果

视频融合

3、功能特色

3.1、投放视频能够贴于建筑物表面

本解决方案能够将待投放的视频分解，将视频中建筑物部分贴于建筑物表面，带来更好的用户体验。

3.2、为视频投放提供交互工具

本解决方案为视频投放提供交互工具，大大减轻视频投放工作量

解决方案允许用户按既定步骤交互生成视频投射参数，封装了了大量技术算法，降低了视频投放技术的门槛，提高了项目中视频投放生产效率。

步骤一：视频中选取控制点

步骤二：三维场景中选取控制点

步骤三：投射视频

步骤四：导出视频投射参数，以备项目中使用

4、解决方案介绍

解决方案基于ArcGIS API for JavaScript实现，方案提供两部分内容，第一部分是“视频融合计算器”、第二部分是“视频融合类库”。“视频融合计算器”用于交互计算视频投放参数；“视频融合类库”是一个实现了易智瑞三维场景扩展接口的类库，此类库能够集成进入各开发项目，根据“视频融合计算器”提供的参数，实现视频融合功能。

视频融合计算器如何使用，请见另一篇博文

5、技术路线

ArcGIS API for JavaScript采用WebGL技术渲染二维地图和三维场景，ArcGIS API for JavaScript 提供了一个低级接口（externalRenderer）来访问 SceneView 的 WebGL 上下文，因此可以创建自定义可视化，以与内置图层相同的方式与场景交互。开发人员可以直接编写 WebGL 代码，也可以与第三方 WebGL 库集成。

本解决方案使用ArcGIS API for JavaScript的externalRenderer接口，使用Three.js技术进行视频融合研究，并解决了研究过程中遇到的一系列问题，包括且不限于以下技术：

1、ArcGIS API for JavaScript提供的externalRenderer接口

2、three.js视频纹理技术

3、蒂洛尼三角网生成算法

4、交互视频投射技术

具体的不想解释了，代码我附在后面，感兴趣的自己研究啦。

链接：https://pan.baidu.com/s/179CwKgwtUchlNR_Nl3Iqiw
提取码：y25s

链接永久有效

6、存在的问题

这是个视频融合的探索，后期发现问题也有很多

1、多视频融合的时候速度卡

2、超过两个建筑物需要贴视频时，计算机计算的结果有问题。（逻辑分支多，不想写了）

7、抛砖引玉

大家有好的方法，也可留言讨论。

基于易智瑞（ArcGIS）JavaScript API的视频融合探索相关推荐

arcgis栅格邻域统计_ArcGIS 从基础到实战书正式出版，易智瑞技术总裁沙志友沙总推荐并亲自写序...
<ArcGIS 从基础到实战>书正式出版,易智瑞技术总裁沙志友沙总推荐并亲自写序,京东地址 https://item.jd.com/10025512034581.html 第一章 ArcG ...
使用ArcGIS JavaScript API 3.18 加载天地图
对于中国开发者在创建GIS应用的时候,往往比较头疼的是底图资源的缺乏.其实国家测绘地信局就提供一个很好的免费资源:天地图.使用ArcGIS API的开发人员可以直接利用该资源作为地图应用的底图. Ar ...
易智瑞地理信息系统桌面软件10.7安装及单机版许可授权操作手册
易智瑞桌面软件10.7安装及单机版许可授权操作手册 1. 安装前注意事项 2. 软件安装 3. 软件许可授权 3.1. 在线授权 3.2. 离线授权 4. 软件解除授权 4.1. 在线解除授权 4.2 ...
易智瑞（ESRI）2019最新ENVI5.5遥感应用专题操作录屏及讲义分享
易智瑞(ESRI)2019最新ENVI5.5遥感应用专题操作录屏及讲义分享资料来源: 一.内容目录 1.1 ENVI基础 001-ENVI入门与遥感图像处理基础 1.2 卫星传感器处理 101-处理 ...
基于three.js 和ArcGIS JS API 建筑物立面动态特效渲染
基于three.js 和ArcGIS JS API 建筑物立面波纹墙动态渲染简介基于ArcGIS JS API 和 three.js 波纹墙扩展类ripplewallRenderer 波纹墙扩展类 ...
ArcGIS Javascript API 加载高德在线地图扩展
利用ArcGIS JavaScript API加载高德在线地图的扩展 /*** Created by WanderGIS on 2015/7/15.*/ define(["dojo/_bas ...
ArcGIS JavaScript API本地部署离线开发环境
1 获取ArcGIS JavaScript API API的下载地址http://support.esrichina.com.cn/2011/0223/960.html,在下载页面会看到api和sdk ...
易智瑞与Esri北京研发中心的实质区别
易智瑞--代理商易智瑞简介:易智瑞只是代理,空壳公司,当然当前退出geosence有一定推介易智瑞中国和易智瑞有区别吗?是不是就是换了壳? Esri北京研发中心--官方 Esri北京研发中心
使用Arcgis Javascript api 访问其他地图
概述在最初接触GIS开发的时候,手上没有任何的地图数据,只是简单的把ArcGIS提供的或者国家地理信息中心公开的低分辨率矢量数据使用ArcGIS Server发布成地图服务来使用.慢慢的开始下载Go ...
ArcGIS JavaScript api实现点聚合
概述关于web gis中解决前端显示过多要素(点.线.面)时响应时间和美观的问题,现在已知的两种方式:一种是点云(baidu地图中的小红点,其实不是显示了所有的结果)另一种方式就是:点聚合(把临近的 ...

基于易智瑞（ArcGIS）JavaScript API的视频融合探索