UE/Unity/Webgl云渲染推流网址,如何与外部网页嵌套和交互?

需求分析:用threejs开发的数字孪生模型, 但是通过webgl技术网页中使用,因为模型数据量大,加载比较慢,且需要和其他的业务系统进行网页嵌套和交互,使用云渲染技术形成的推流网址,如何与外部网页嵌套和交互?有可能会跨域

以上实时云渲染技术应用中询问比较多的,其实不论是webgl还是UE或者Unity 应用,推流后都可以和网布网页嵌套以及交互,我们分两种情况来明确。

  1. 云渲染推流后的网址中,如何和应用做实时交互。点量云流的实时渲染,不会改变程序原本的交互方式,原来在Webgl/UE/Unity中是如何和模型交互的,还是怎么交互。目前点量云流前端交互方式支持:鼠标键盘、触摸屏/板、游戏手柄、语音,基本涵盖了模型交互需要的方式。
  1. 对于一些可视化项目,云渲染推流的网址需要和其他的业务系统对嵌套对接,除了上文说的模型本身的推流网址交互外,还需要考虑和嵌套网页的交互。这又该如何实现呢?点量云流提供了详细的使用文档,具体可参考:WebGL应用或者普通Web应用集成示例代码 https://doc.dolit.cn/dolitcloudserver/data_channel_app_web):

// window.dlcaSend 和 window.dlcaReg 两个函数为云流化引擎内置的,在Web应用流化时自动定义,无需导入任何js文件。

// web 应用仅支持文本数据,如需二进制数据,可以base64编码下。

setInterval(()=>{

// 发送数据给云流化前端.

if(window.dlcaSend) {

window.dlcaSend("test")

}

},1000);

// 接收来自从云流化前端传过来的数据

if(window.dlcaReg) {

window.dlcaReg('on_message',(data)=>{

console.log("on data channel message:" + data);

});

}

以上是关于webgl应用云渲染推流后的网页嵌套和交互,如果是UE/Unity程序,也提供了详细的使用方法,因此对于实时渲染推理后的网址和外部网页嵌套以及交互,可以很方便的解决。

相关推荐
熊猫钓鱼>_>41 分钟前
2026 前端的三场底层革命:当 Vue、React Native 和 Three.js 同时去掉中间层
前端·javascript·vue.js·react native·架构·webgl·three.js
廖菌7 小时前
DATASPACE3D 产品介绍:面向数字孪生与 Web3D 场景的一体化可视化搭建平台
前端·webgl
真鬼12321 小时前
【Unity WebGL】内嵌网页与双向通信
unity·游戏引擎·webgl
图扑软件1 天前
WebGIS 零碳智能港口态势感知与 VR 远控系统
物联网·自动化·vr·webgl·数字孪生·3d 渲染
zyh______1 天前
C#语法糖(按照实用性排序)
unity·c#
avi91111 天前
[AI教做人]CinemachineCamera 各项调整配置参数入门 + Profiler
unity·游戏开发·camera·cinemachine·visual camera·镜头配置
winfredzhang1 天前
WebGL 2 实战:单文件移植与扩展 Heartfelt 玻璃雨滴折射效果
webgl·雨滴·hml·水雾
郝学胜-神的一滴2 天前
[简化版 GAMES 101] 计算机图形学 16:纹理走样、Mipmap、三线性插值、各向异性过滤原理全解
unity·游戏引擎·godot·图形渲染·three.js·opengl·unreal
吴梓穆3 天前
untiy TextMeshPro (TMP) text 操作 中文字符集 字体材质操作(添加纹理 添加描边 添加阴影)
unity
想你依然心痛3 天前
嵌入式单元测试:Unity/CMock框架与硬件在环测试——测试驱动、桩函数
unity·单元测试·游戏引擎