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

相关推荐
烛阴3 小时前
拒绝配置地狱!5 分钟搭建 Three.js + Parcel 完美开发环境
前端·webgl·three.js
weixin_424294678 小时前
在Unity中,摄像机移动时出现“残影”或“闪烁”是常见问题,主要原因和处理方法。
unity·游戏引擎
天人合一peng8 小时前
unity 3d 通过游戏对象的名子查到其对象
游戏·unity·游戏引擎
纯属个人爱好10 小时前
Unity2020+PicoNeo3Pro开发
unity·vr
__water13 小时前
RHK《Unity接入DeepSeek问答》
unity·游戏引擎·智能问答·deepseek接入·deepseekapikey
康de哥14 小时前
MCP Unity + Claude Code 配置关键步骤
unity·mcp·claude code
美团骑手阿豪15 小时前
Unity3D大规模点击检测:GPU Picking vs MeshCollider + Raycast
unity
在路上看风景15 小时前
1.4 Unity运行时路径
unity·游戏引擎
WebGISer_白茶乌龙桃16 小时前
Vue3 + Mapbox 加载 SHP 转换的矢量瓦片 (Vector Tiles)
javascript·vue.js·arcgis·webgl
在路上看风景2 天前
1.2 Unity资源分类
unity·游戏引擎