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程序,也提供了详细的使用方法,因此对于实时渲染推理后的网址和外部网页嵌套以及交互,可以很方便的解决。

相关推荐
SmalBox6 小时前
【光照】[漫反射diffuse]以UnityURP为例
unity·渲染
SmalBox1 天前
【光照】[自发光Emission]以UnityURP为例
unity·渲染
SmalBox2 天前
【光照】Unity中的[经验模型]
unity·渲染
萘柰奈2 天前
Unity学习----【进阶】TextMeshPro学习(三)--进阶知识点(TMP基础设置,材质球相关,两个辅助工具类)
学习·unity
Yasin Chen2 天前
Unity UI坐标说明
ui·unity
陈言必行3 天前
Unity 性能优化 之 编辑器创建资源优化( 工作流 | 场景 | 预制体)
unity·编辑器·游戏引擎
Nicander3 天前
上帝视角看 GPU 学习笔记
webgl·gpu
1uther3 天前
Unity核心概念⑨:Screen
开发语言·游戏·unity·c#·游戏引擎
死也不注释3 天前
【Unity UGUI 交互组件——Slider(7)】
unity·游戏引擎·交互
程序猿多布3 天前
XLua教程之热补丁技术
unity·c#·lua·xlua