WebView插件简介
aSurgingRiver
2023年12月09日 23:09
收录于文集
共5篇

背景

使用过UE官方版本的WebBrowser都有一个感觉,WebBrowser只提供了基础的功能,而且在复杂环境中经常core,打开网页都会拖慢游戏帧率,动画和视频播放卡得没办法。所以大型应用中更本不能使用。官网在这方面还需要优化。在产品需要大量使用UE做为三维渲染场景,然后使用网页做UI,来提项目的高效开发,且易于维护。刚开始也使用官方的WebBrowser加载JS页面,UE加载2K网页后游戏帧率一下就下降不到60帧,这种性能完全不能应用。所以后来就试了各种浏览器插件包括BLUI,WebUI等都不能满足要求。再后来找到了WebView这款浏览器插件,解决了问题。难得的是这个插件会跟UE和CEF的版本保持同步,不定期升级维护,解决插件后续维护升级问题。

WebView解决的问题

  • 当引擎主线程出现任务重时会导致浏览器卡顿。

  • 当JS大量发送消息给UI引擎时,引擎会卡顿。

  • 当UE占用GPU高时会导致浏览器卡顿。

  • 当加载多个页面且都有动画或者视频时,就会导致UE卡顿。

  • 当浏览器渲染画面大时会导致UI帧率变慢。

WebView 插件简介

WebView是为虚拟引擎设计的企业浏览器插件。它使用了许多先进技术。它在浏览网页或观看视频时不会掉帧。内核采用了最新的CEF版本并对其进行了优化。具有GPU绑定功能,支持游戏和浏览器渲染分离,插件内部增加渲染缓存,渲染效果平滑。在与网页的通信方面,采用V8技术,使虚幻引擎与网页实时交互。建议使用虚幻引擎渲染场景,使用JavaScript进行UI交互,可以大大提高系统开发效率。

WebView 技术交流

QQ群: 866972317

WebView 特性

  • 支持H264、h265、av1视频播放

  • 各种视频网站,如youtube和BiliBili

  • 支持像素流到网页端显示。

  • Webrtc在线语音和视频

  • WebGPU渲染

  • UE4和JavaScript相互调用

  • 加载透明网页,鼠标穿透。

  • 使用chrome工具调试JavaScript

  • 鼠标拖动

  • 输入法切换

  • 网页缩放

  • 自定义页面分辨率

  • 16K网页渲染不掉帧

  • 多显卡渲染

WebView 效果

视频播放效果​