在数字孪生项目或者智慧园区项目经常会用到数据图表、数据分析、数据整合等前端显示，一般解决方案是直接通过ue4底层数据层通过通讯获取数据，在使用数据插件进行数据绑定展示。现在可以通过加载Web H5页面的方式来实现。
UE4中提供了 Web browser浏览器插件来显示web页面。通过UMG控件的方式直接进行加载web控件内容。web插件使用方式为：

Web browser插件使用方式

1、把插件加载到项目中。
2、创建UMG控件蓝图
3、设置web控件的URL
4、在关卡中显示UI
5、Web browser的常用蓝图节点
6、按钮修改加载页面方式。

1、把插件加载到项目中。

2、创建UMG控件蓝图

3、设置web控件的URL

4、在关卡中显示UI

创建UI节点和添加到视口节点

运行之后显示效果

5、Web browser的常用蓝图节点

6、按钮修改加载页面方式。

视频教程：
UE4Web Brower控件使用嵌入H5页面
UE4UGM图形界面_Button控件使用

UE4 Web browser 加载web（h5）页面方式相关推荐

html下拉自动加载更多,H5页面下拉加载更多(实用版)
近期在做一个H5网站,需要下拉加载更多产品列表的功能.百度搜索了好久,什么说法都有,什么插件都有. 醉了.基本上每一个能直接拿来用的. 最后发现: 1.dropload.js 插件还可以,但是 ...
在H5页面中跳转到地图App,或者在本地App中加载的H5页面跳转到地图App，唤起App进行导航
在H5中使用地图导航 1.腾讯地图: 2.高德地图: 3.百度地图: 1.腾讯地图: 调用方式: http://apis.map.qq.com/uri/v1/marker?marker=coord:l ...
华为S2300系列交换机：加载web登录页面
参考文章:华为S2326交换机WEB管理配置 . 如何配置华为交换机WEB管理 . 华为交换机FTP上传文件 .V100R006C05 Web网管操作指南本文操作来自以上链接 1.配置设备管理IP( ...
iOS-仿支付宝加载web网页添加进度条
代码地址如下: http://www.demodashi.com/demo/11727.html 目前市场上APP常会嵌入不少的h5页面,参照支付宝显示web页面的方式, 做了一个导航栏下的加载进度条 ...
Tomcat原理系列之四：Tomat如何启动spring(加载web.xml)
Tomcat原理系列之四:Tomat如何启动spring 熟悉的web.xml ContextLoaderListener Tomcat的初始化StandardContext.startInterna ...
JAVA Web.xml 加载顺序
web.xml加载过程(步骤): 1.启动WEB项目的时候,容器(如:Tomcat)会去读它的配置文件web.xml.读两个节点: <listener></listener> ...
内嵌WEB服务器加载原理
内嵌WEB服务器加载原理理解里面的tomcat是如何启动的 Startup.bat Server.start() 1,概述我们在使用springboot项目的时候并没有使用外部的tomcat,那么 ...
oracle 找不到程序单元,Oracle Web ADI 加载时错误:ORA-06508: PL/SQL: 无法在调用之前找到程序单元...
Oracle EBS 的Web ADI给批量导入数据提供一个不错的解决方案.但是,Web ADI开发比较麻,主要缺点如: 1.集成器设置好以后不能修改,必须要事先考虑包的存储过程或函数的参数.则否,存 ...
Android加载web页时有的手机会弹出手机自带的浏览器解决方法
今天有用户反映说浏览资料时,会弹出需要选择手机里自带的浏览器查看,这是什么情况呢??然后我们就测试,大部分手机还是不会出现这种情况的,但是公司里也有手机出现这种情况了,于是乎bug修复,代码呈上 we ...

UE4 Web browser 加载web（h5）页面方式