UE4像素流送（Pixel Streaming）快速上手指南

本指南基于UE4.26.2以及Node.js v17.1.0

最终实现目标：

UE4程序向浏览器发送一段文字，浏览器能接受并解析这段文字
浏览器（Chrome）向UE4程序发送一段文字，UE4程序能接受并解析这段文字

可能涉及到的问题：

什么是像素流送
如何创建和使用一个像素流送项目
如何使用UE4蓝图接受和发送数据到浏览器
像素流的工作流程是怎样的

解决方案列表：

中文直译，大概是把ue4程序运行中产生的每一帧画面，通过网络将画面传送给浏览器，浏览器接受并且能显示这些画面。不过不只是显示画面这么简单，你可以在浏览器中像操作正常的UE4程序一样使用这些画面，比如点击画面上的某个按钮之类的
参考以下链接（此链接为UE4官方文档，照着一步步做，就可以得到一个能在手机上显示UE4程序的Demo）：https://docs.unrealengine.com/4.27/zh-CN/SharingAndReleasing/PixelStreaming/PixelStreamingOverview/
如何使用UE4蓝图接受和发送数据到浏览器

3.1发送数据到浏览器

3.1.1发生Json到浏览器的方法：在蓝图中画下如下内容

3.1.2在打包路径中的app.js文件末尾加入如下图所示的代码：

app.js的文件路径：xxxxx\Engine\Source\Programs\PixelStreaming\WebServers\SignallingWebServer\scripts

function myHandleResponseFunction(data) {console.warn("收到回应Response received!");switch (data) {case "HelloWorld"://和你在UE4中通过SendPixelStreamingRespomse节点的Descriptor属性写的内容保持一致console.warn("HelloWorld");//在浏览器的控制台打印HelloWorldcase "AnotherEvent":console.warn("其他");}
}addResponseEventListener("handle_responses", myHandleResponseFunction);

3.1.3之后和官方案例的运行方式相同，在浏览器中点击F12->切换到控制台->按下键盘（不是小写键盘）的数字1，你便会在控制台中看到来自UE4的按键请求效果

3.2从浏览器中接收数据（当浏览器发送消息时，绑定的事件会从前到后依次执行一遍）

4.像素流的工作流程

UE4像素流送（Pixel Streaming）快速上手指南相关推荐

[虚幻引擎][UE][UE5]像素流送(Pixel Streaming)，像素流去掉黑边和按钮[UE5.1.0]，鼠标控制
[虚幻引擎][UE][UE5]像素流送Pixel Streaming,像素流去掉黑边和按钮[UE5.1.0] 1.写在前面 01.作者碎碎念 02.结果演示截图视频教程 2.需要准备的软件 3.U ...
UE4像素流（Pixel Streaming）应用场景演示和分析
内容索引: 一.用到的知识二.局域网(内网)单实例三.局域网多实例四.广域网(外网)单实例五.广域网多实例六.GPU云服务器/普通云服务器部署七.虚拟网络与像素流八.优化的解决方案九. ...
UE4像素流送教程【Pixel Streaming】
虚幻引擎像素流送(Pixel Streaming)允许你从任何有屏幕的联网设备(例如计算机,手机,平板电脑等)播放虚幻项目.在这个教程里,我们将学习如何激活虚幻引擎的像素流送并从任何Web浏览器控制P ...
有关像素流送手机浏览器触屏bug的总结
Bug描述: 使用手机浏览器操作UE4像素流送程序时,程序只能正常处理一个按键. 当有两个或两个以上按键同时按下时,有一定几率导致程序始终有一个按键没有释放,致使程序再也无法处理用户的正常输入(多指触 ...
UE4 4.24像素流送实践 pixel streaming
UE4 4.24像素流送实践 pixel streaming 4.24电脑运行成功了在实践像素流送的过程中,我参考了 ①官方视频https://www.bilibili.com/video/BV1U ...
ue4云渲染——像素流送实践
一.安装 Epic Games Launcher 官方中文文档 https://docs.unrealengine.com/4.27/zh-CN/,点击下载如需要登录账号,使用注册一个账号后再登录就 ...
【UE4】UE4.24关于像素流送的使用
[UE4]UE4.24关于像素流送的使用摘要一.本地设备的浏览器 1.准备工作 i.使用工具 ii.打开Pixel Streaming插件 iii.偏好设置启动的参数 iv. 打包项目 2.启动服 ...
UE4.26像素流送之公网部署（自建TURN服务器）
像素流送(Pixel Streaming),是UE4力推的网站部署方案.官方从UE4.24开始,默认取消了对HTML5打包的支持,转而使用这种新颖的方式.这种方式的最大好处是,对客户的电脑性能基本没有 ...
【虚幻引擎】UE4像素流推送PixelStreaming
一.前言虚幻引擎像素流送(Pixel Streaming)允许你从任何有屏幕的联网设备(例如计算机,手机,平板电脑等)播放虚幻项目.在这个教程里,我们将学习如何激活虚幻引擎的像素流送并从任何Web浏 ...
UE4 4.24像素流送学习整理
UE4 4.24像素流送使用整理像素流送技术使用的前置UE4部分的程序内容,参考官方文档的操作,设置打包出程序即可. https://docs.unrealengine.com/zh-CN/Plat ...

UE4像素流送（Pixel Streaming）快速上手指南

UE4像素流送（Pixel Streaming）快速上手指南相关推荐

最新文章

热门文章