【虚幻引擎UE】UE5 实现WEB和UE通讯思路（含工程源码）

已于 2023-07-21 09:30:31 修改
阅读量1.5w 收藏 54
点赞数 10
分类专栏： 虚幻引擎UE5 常见问题合集2 文章标签： 虚幻 ue5 前端 web ue4
于 2022-08-01 15:45:48 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_35079107/article/details/125869376
版权
本文介绍了如何在UE5中利用WebUI插件与WEB进行通讯，包括创建用户控件、编写蓝图代码、在WEB端编写js代码、放置UEtoWebUI.js文件，以及开启端口进行测试。提供了示例项目工程文件和百度网盘资源链接。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

UE5实现WEB和UE通讯思路

两个方案，根据需求选择适合自己的：
1.UE打包为像素流页面，嵌入WEB进行通讯。
2.UE和WEB基于WEB UI插件实现通讯，打包为像素流页面。

实现效果如下 ↓
请添加图片描述

本文着重说明第二种方案。

示例项目工程文件：https://download.youkuaiyun.com/download/qq_35079107/86270090
注意使用前需要创建C++编译。

1.使用WebUI插件（注意：根据引擎版本选择插件版本）

在这里插入图片描述

2.创建用户控件，拖动组

了解本专栏 订阅专栏 解锁全文 超级会员免费看
【虚幻引擎UE】UE5 PC鼠标和移动端触屏旋转缩放操作（含工程源码）
灵境引路人
08-12 5717
【虚幻引擎UE】实现UE5移动端触屏操作
【虚幻引擎UE】UE5 四步骤实现AI漫游与对话行为（含工程源码）
灵境引路人
07-29 2580
【虚幻引擎UE】UE5 四步骤实现AI漫游与对话行为（含工程源码）
【虚幻引擎】UE4/UE5数字孪生与前端Web页面匹配
qq_43021038的博客
12-13 1万+
UE数字孪生与Web前端结合
Ue5.2数字孪生（12）——Pixel Streaming像素流通信
weixin_51185555的博客
12-08 2516
PixelStreaming像素流通信；
WEBUI插件和UE5通讯
最新发布
weixin_41621686的博客
03-21 380
把要发的东西输入(在主要的script中)js代码中添加此段内容。
【虚幻引擎UE】UE5实现WEB和UE通讯方法（基于WEBUI插件）
08-01
资源说明文章地址： https://tjgzs.blog.youkuaiyun.com/article/details/125869376?spm=1001.2014.3001.5502
【虚幻引擎UE】UE5实现WEB和UE通讯方法（基于WEBUI插件）推荐文章
gitblog_09761的博客
09-07 1157
【虚幻引擎UE】UE5实现WEB和UE通讯方法（基于WEBUI插件）推荐文章 项目地址:https://gitcode.com/open-source-toolkit/a53bcc 项目介绍 在现代游戏开发和虚拟现实（VR）应用中，实现WEB与UE（虚幻引擎）之间的通讯变得越来越重要。无论是为了实现动态内容更新、用户界面（UI）的灵活性，还是为了集成第三方服务，WEB与UE的通讯都扮演着关键角色。...
Web和UE5像素流送、通信教程
lzhlzhlzh_lzh的博客
09-30 1642
此时在web端就能看到ue5的内容了，并且在左侧还可以发送数据或命令与ue5交互。找到自己虚幻引擎对应版本的项目并下载下来，我这里用的是5.3。页面内容如下，点击设置按钮，将端口号改为。打开工程，点击运行按钮运行项目。，下载需要依赖并启动项目。，点击下载创建一个工程。
UE 像素流与 Web 协同开发
深入Java世界：探索编程之美与技术深度
06-11 4384
与Web交互主要涉及两个方面，一个是UE向Web发送消息，另一个就是Web端向UE程序发送消息，UE程序中需要启用像素流插件，Web端需要安装依赖包。
虚幻引擎5源码，UnrealEngine-release，UE5.0.3 release。
09-01
UnrealEngine-release，UE5.0.3 release。22/09/01的，2个月前，7月最后修改的吧。
UE5通信的一些理解
m0_64217692的博客
12-01 308
而你需要弄清楚的关键概念就是，硬对象引用本质上是将对象附加到蓝图上。那么当有一个硬对象引用时，那个Uobject或 Actor 之类的东西，就会附加到蓝图上。本质上是关联到用户硬盘或你的硬盘上的网络链接，因此它会保存该对象的位置。那么这就是需要考虑到的地方，当它是软对象引用时，它会一直待在你的硬盘上，直到你发出指令要求游戏或引擎去加载它。，如果在蓝图中使用硬对象引用，你打开那个蓝图就会打开硬对象引用的蓝图。如果该对象还拥有额外引用，那么就会不断地加载这些引用，这样就可以看到这个级联效果。
【UE4】UE4内嵌Web及与Web通信
热门推荐
Goulandis
01-17 2万+
UE4嵌入Web及UE4到Web的通信，我使用UE 4.22.3版本，以UE4嵌入ECharts并与ECharts通信为例。 一、自定义WebBrowser UwebBrowser是UE4自带的用于浏览Web的插件类，为了后面进行UE4与Web的通信，所以这里我们需要自定义一个UWebBrowser类。 1.创建自定义WebBrowser类 在C++ Classes中右键创建一个自己的继承自wid...
【UE5】蓝图通信方式
叶子yes的博客
04-25 1326
创建两个Actor蓝图。
UE5 像素流与web 交互
瑾&凌
05-25 1311
像素流传递与js 交互参数
ue5.2 数字孪生（11）——Web_UI插件网页通信
weixin_51185555的博客
12-07 5591
Web_UI网页通信
UE5像素流Web实现-思路解析
二DUAN帝的博客
08-04 3606
5.配置项目运行文件参数(-AuditMixer -forceres -ResX=1920 -ResY=1080 -PixelStreamingIp=localhost -PixelStreamingPort=8888 -RenderOffScreen)下载好对应版本的像素流服务器之后将里面的下图三个文件夹复制到你打包好的项目路径中去（也可以直接将你下载好的素流服务器拖到你打包项目中，与运行文件同级目录，没有影响）-AudioMixer 像素流送默认是没有声音的，写上之后就有项目里面的音效了。
探索未来交互：Axilesoft IM for UE5——实时通信在游戏引擎中的革新
gitblog_00016的博客
04-04 515
探索未来交互：Axilesoft IM for UE5——实时通信在游戏引擎中的革新 去发现同类优质开源项目:https://gitcode.com/ 在这个数字娱乐日益发达的时代，实时通信技术正在游戏和虚拟体验中发挥着越来越重要的作用。 是一个专为Unreal Engine 5（UE5）设计的实时通讯插件，它旨在简化游戏开发过程中的社交功能集成，让开发者能够专注于创造更加沉浸式的游戏体验。 项目...
【UE5】【插件】【WebUI】内置浏览器插件WebUI简易使用笔记
UE5开发备忘录
12-15 1万+
之前的项目中为了提高效率，避免使用UE功能不完善的UMG系统，使用了WebUI插件，在UI中内嵌浏览器来展示网页。用Vue框架配合插件制作网页还是比UMG要快很多的，毕竟UE的UI制作插件比较少。
matlab 读取bin文件
10-30
在MATLAB中，读取.bin文件通常指的是二进制文件的读取。MATLAB提供了内置函数`read`和`fwrite`来处理这种情况。如果你想要读取二进制文件，可以按照以下步骤操作： 1. `load`函数主要用于读取.mat格式的数据，如果你的.bin文件是MATLAB的数据格式，你可以直接尝试使用`load`命令，例如： ```matlab data = load('your_file.bin'); ``` 2. 如果.bin文件是非结构化的二进制数据（比如图像、音频或自定义数据），则可能需要使用`fid = fopen('your_file.bin', 'r');`打开文件，然后用` fread(fid, [size_or_bytes, -1])`从文件中读取数据，具体取决于数据的存储方式。这里，`[size_or_bytes, -1]`表示读取所有剩余的字节。 ```matlab fid = fopen('your_file.bin', 'rb'); % 'b' 表示二进制模式 data = fread(fid); % 或者指定要读取的具体大小 fclose(fid); ``` 3. 如果文件中的数据是以特定格式（如整数、浮点数、数组等）存储的，可能还需要解析数据，根据文件头信息来确定每个元素的类型和布局。这将涉及到更多的代码逻辑和文件解读。 在完成读取后，确保关闭文件以释放资源： ```matlab fclose(fid); ```
评论 16
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

灵境引路人

感谢投喂 ~ ❤

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值