UE5 使用WebUI加载网页 页面黑屏

原创 已于 2022-11-09 10:15:00 修改 · 3.8k 阅读 · 8 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#ue5 #ue4 #游戏开发 #游戏
于 2022-11-09 10:12:26 首次发布
博客介绍了在使用VisualStudio2019和UE5.0.3开发游戏时遇到的DirectX12兼容性问题。打包后的exe在某些电脑上运行正常，但在其他电脑上出现错误。作者提供了解决方案，即修改DefaultRHI选项，从DirectX12改为Default，从而解决了问题。此外，解释了RHI（RenderHardwareInterface）是虚幻引擎用于封装图形API的接口，使得代码能跨平台运行，但有时仍需关注平台特定的细节。

在这里插入图片描述

0x00问题产生环境:

Visual Studio2019
UE5 5.0.3
报错和截图如上，我是打包出来的exe在有些电脑上是没有问题的，有些电脑上出现这种情况。

0x01解决办法

在这里插入图片描述
如图修改：DefaultRHI选项 由Directx 12修改为Default即可。（我的问题是通过这个解决的，希望对有需要的小伙伴们有帮助。）

0x02补充

RHI是Render Hardware Interface的缩写，虚幻引擎通过RHI把各个平台的图形API包装成统一接口，供上层渲染来使用，让业务不用过多的关注API细节（实际还得关注RHI细节）。从代码结构上来看，RHI封装的比较贴合于现代的图形API(vulkan, metal, DX12)，也支持opengl/opengles。

【虚幻引擎UE】UE5实现WEB和UE通讯方法（基于WEBUI插件）
08-01
资源说明文章地址： https://tjgzs.blog.csdn.net/article/details/125869376?spm=1001.2014.3001.5502
UE与网页交互的WebUI插件和像素流插件发参收参写法
01-07
使用WebUI插件，UE与网页发参收参写法； 使用像素流插件，UE与网页发参收参写法。
【UE5】【WebUI】内置浏览器插件WebUI与Vue框架高效UI开发实战
weixin_29008055的博客
04-01 483
本文详细介绍了在UE5中使用WebUI插件替代传统UMG系统进行高效UI开发的实战方法。通过集成Vue框架实现组件化开发，利用内置浏览器提升性能与跨平台一致性，并深入解析双向通信、异步处理等关键技术，帮助开发者快速构建流畅的游戏界面。
【UE5】【插件】【WebUI】内置浏览器插件WebUI简易使用笔记
热门推荐
UE5开发备忘录
12-15 1万+
之前的项目中为了提高效率，避免使用UE功能不完善的UMG系统，使用了WebUI插件，在UI中内嵌浏览器来展示网页。用Vue框架配合插件制作网页还是比UMG要快很多的，毕竟UE的UI制作插件比较少。
如何获取UnrealEngine虚幻引擎的WebUI插件
lordwish的专栏
11-10 8297
WebUI插件能够将成熟的HTML页面作为应用的组成部分，同时解决了UE与Web的交互问题。
UE5中WebUI插件与UMG高效协同实践
最新发布
weixin_33423874的博客
05-22 567
在虚幻引擎5（UE5）开发中，原生UMG UI框架面对复杂交互场景（如多级表单、实时图表、富文本编辑）时，易出现蓝图臃肿、数据同步困难、维护成本激增等问题。WebUI插件通过集成Chromium Embedded Framework（CEF）构建进程内嵌Web渲染子系统，实现HTML/JS/CSS全栈运行能力，其核心价值在于与UMG形成职责解耦：UMG专注生命周期管理与底层渲染桥接，WebUI承载状态管理、组件复用与交互逻辑。该方案显著提升中大型工具链（编辑器插件、配置中心、调试面板）的开发效率与跨平台复用
从0开始搭建gpt-oss-20b-WEBUI，新手也能秒上手
weixin_42584586的博客
02-02 682
本文介绍了如何在星图GPU平台上自动化部署gpt-oss-20b-WEBUI镜像，快速启用开源大语言模型的网页对话能力。用户无需配置环境或编写代码，仅需三步操作即可在浏览器中与210亿参数的gpt-oss-20b模型进行实时交互，典型应用于智能写作辅助、技术问答与学习辅导等中文场景。
Three.js能否集成HeyGem输出？探索数字人视频的3D展示方式
weixin_35756624的博客
01-03 942
通过结合HeyGem的AI数字人视频生成与Three.js的Web 3D渲染能力，可将传统2D视频转化为可交互的三维场景元素。利用VideoTexture技术，数字人能嵌入全息屏、球面或角色模型中，支持视角旋转、动态切换和沉浸式交互，适用于虚拟讲师、电商导购等场景。
告别复杂配置，人像卡通化开箱即用体验
weixin_32005771的博客
01-31 170
本文介绍了如何在星图GPU平台上自动化部署unet person image cartoon compound人像卡通化 构建by科哥镜像，实现开箱即用的人像卡通化处理。用户无需配置环境或编写代码，上传照片即可在Web界面中秒级生成高质量卡通图像，典型应用于社交头像制作、团队形象统一及趣味内容创作。
【虚幻引擎UE】UE5 实现WEB和UE通讯思路（含工程源码）
灵境引路人
08-01 1万+
【虚幻引擎UE】UE5实现WEB和UE通讯思路（含工程源码）基于WEBUI插件
【虚幻引擎】UE4/UE5数字孪生与前端Web页面匹配
qq_43021038的博客
12-13 1万+
UE数字孪生与Web前端结合
ue5.2 数字孪生（11）——Web_UI插件网页通信
weixin_51185555的博客
12-07 8170
Web_UI网页通信
虚幻浏览器插件 加载并启用
12-25 5796
WebView 下载 git下载地址： https://github.com/aSurgingRiver/WebView 进入下载页面选择正确的版本： 本文以4.26为例并选择，点击Code处弹出框，并选中Download ZIP 即可开始下载。 WebView 项目导入 将下载的压缩包解压到项目Plugins目录下。如下图所示： 重新生成项目信息，并启动项目，进入插件管理页面，启用WebView插件，重启项目即可以使用。 ......
UE4/UE5 WebUI插件分享
qq_36333116的博客
12-03 3419
UE4 WebUI插件分享，方便那些无法访问外网的朋友。
ue5.1解决webui无法播放视频
djk233的博客
08-01 1466
链接：https://pan.baidu.com/s/1xTO-yG-QmHYt_d3KDKh4sQ。无法播放原因置浏览器(WebBrowser)的底层支持库太旧了,不支持H.264等直播流。--来自百度网盘超级会员V6的分享。
UE5 学习记录 -内嵌浏览器（WebUI插件使用）
qq_31578301的博客
12-06 4084
3.打开项目就会提示你有新插件可用，但这个时候项目打包会有问题，要么打包不成功，要么打包成功了无法运行，这个时候把UE5 自带的这几个插件也勾上，（我是初学者，没啥依据，纯属一直报错我试出来的...呜呜呜，后面弄明白为什么再来补充吧。希望对你们也有用）如下图。2.把下载下来的WebUI5.3的三个相关文件丢进来 如下图。然后重启UE5 ，再打包，就可以正常打包并运行了。(老规矩-实在没积分的就找我要吧~)1.在项目工程新建Plugins文件。
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值