[虚幻引擎][UE][UE5]像素流送Pixel Streaming,像素流去掉黑边和按钮[UE5.1.0]
2022.11.19初次更新
俺是不是很粗长!老仔细了,全是截图,不废话,就是上图干!
有问题联系我Q2052818810

B站:https://www.bilibili.com/video/BV1QG4y147Ph/?vd_source=66cbd63fde4c65b240eb0e62eaa801e2
Youtube:https://youtu.be/MiiLR9PElrs
01.UE(UE5.0.3/UE5.1.0,开始是5.0.3版本,之后是5.1.0版本)
02.node.js
官网步骤:https://docs.unrealengine.com/5.0/zh-CN/getting-started-with-pixel-streaming-in-unreal-engine/
首先我们需要先有一个打包好的项目。

那么先让我们开始准备一个打包好的项目吧。如果你已经有了一个符合要求的项目,可以跳过此步骤。
1).在虚幻编辑器中打开项目。
2).在虚幻编辑器的主菜单中选择 编辑(Edit) > 插件(Plugins)。

3).搜索找到 像素流送(Pixel Streaming) 插件并勾选 启用(Enabled) 框。点击 立即重启(Restart Now) 重启项目并应用修改。

4).
如果你需要触控显示:


如果你不需要则直接走下一步:
5).在主菜单中选择 编辑(Edit) > 编辑器偏好(Editor Preferences…)在 关卡编辑器(Level Editor) > 播放(Play) 中找到 额外启动参数(Additional Launch Parameters) 设置,并将其值设为 -AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888。

6).打包Windows项目。从虚幻编辑器的主菜单中选择 文件(Files) > 打包项目(Package Project) > Windows > Windows (64-bit)。

7).在项目找打开虚幻引擎放置项目打包版本的文件夹,点击 选择文件夹(Select Folder)。
8).虚幻编辑器将开始打包进程。

9).打包进程完毕后,将找到一个名为 Windows 的文件夹,其中的内容类似于下图:

10).每次启动打包应用程序时,均需要传递命令行标签。执行此操作的一种方法是设置一个快捷方式:
0001.按住 Alt 键并拖动 .exe 文件即可在相同文件夹中(或在其他任意处)新建一个快捷方式。

0002.右键点击快捷方式并从上下文菜单中选择 属性(Properties)。

0003.在 快捷方式属性(Shortcut Properties)窗口的 快捷方式(Shortcut)选项卡中,在 目标(Target)域的末尾附加文本 -AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888 并点击 确认。

在 Samples/PixelStreaming/WebServers/SignallingWebServer 中找到信令服务器的路径。






---------------------------以上几步可以多次操作
以管理员身份打开PowerShell,win+R

运行 SignallingWebServer\platform_scripts\cmd\Start_SignallingServer.ps1 开启信令服务器
然后运行run_local.bat,会报错。



不要慌,上网搜了一下发现是80端口被占用了,解决它。
https://blog.csdn.net/weixin_43784914/article/details/127852683?spm=1001.2014.3001.5501
总而言之只需要如下步骤:
netstat -ano|findstr "80"
netsh http show servicestate
windows键+R键,输入cmd,打开命令行或者Powershell

命令行:

Powershell:

使用命令行

发现占用80端口的是系统进程,继续追究,因为很大可能是某个程序狐假虎威在背后占用。找到之后就结束它。

此时,再次运行


发现可以了!
这说明虚幻引擎应用程序已经启用了像素流送插件,前端信令和Web服务器也已准备好将客户端连接到虚幻引擎应用程序。
此时必要的设置均已在电脑上完成。现在只需连接到浏览器。
打开程序,注意,一定要通过快捷方式打开,因为里面我们设置了参数。

使用Chrome浏览器打开127.0.0.1(最好用Chrome浏览器,因为其他浏览器可能会出问题,另:最好全屏,不然可能会有显示错误)

点击进入
有时候我们会报这种错误,这就是连接断开了,很大原因是因为端口又被占用了。也有可能是忘了打开程序。

我的项目打开之后是这个样子的

但是你可能会发现和你的界面不一样,他可能有黑边,还有个按钮。就像下面:

如何去掉他们呢?
首先黑边我们可以在按钮里面设置 扩大显示以填充窗口。

但此设置是一次性的,当你下一回连接上,你会发现他仍然会出现黑边,一劳永逸的方法是在它的代码里面就设置好。



hidden="hidden"
勾选上像素流送插件Pixel Streaming,之后重启,给上额外启动参数(同上)
001.启用服务器,选择流送关卡编辑器还是完整编辑器,开始流送。

002.使用谷歌浏览器打开127.0.0.1(127.0.0.1:80或10.1.41.73:80或192.168.137.1:80)网址,则可以看见整个界面。(同上)





001.仍然使用UE5.0.3的方法
打包项目(同上)
给定快捷方式(同上)
设置额外启动参数(同上)

可以看到,在进行了方法一之后,目录和UE5.0.3变得一样了。
但是如果是直接使用方法二的话,你会发现到达目录WebServers时,只有两个文件get_ps_servers.bat和get_ps_servers.sh
此时,你需要运行get_ps_servers.bat之后再运行get_ps_servers.sh,
如此,目录结构才会变得和UE5.0.3一样。

之后是同上的同样操作



去掉黑边和使用全屏





鼠标控制

直接在输入网址时,加上/?hoveringMouse=true
http://127.0.0.1/?hoveringMouse=true
参考:
1.https://docs.unrealengine.com/5.0/zh-CN/overview-of-pixel-streaming-in-unreal-engine/
UE5中文像素流介绍
2.https://docs.unrealengine.com/5.0/zh-CN/getting-started-with-pixel-streaming-in-unreal-engine/
虚幻引擎像素流送入门
3.https://docs.unrealengine.com/5.0/zh-CN/unreal-engine-pixel-streaming-reference/
像素流参考
一般看了前三个就可以了,下面是补充。
4.https://docs.unrealengine.com/5.0/zh-CN/hosting-and-networking-guide-for-pixel-streaming-in-unreal-engine/
5.https://docs.unrealengine.com/5.0/zh-CN/customizing-the-player-web-page-in-unreal-engine/
6.https://docs.unrealengine.com/5.0/zh-CN/interacting-with-the-pixel-streaming-system-in-unreal-engine/
7.https://docs.unrealengine.com/5.0/zh-CN/pixel-streaming-sample-project-for-unreal-engine/
我想在一个没有Sass引擎的类中使用Sass颜色函数。我已经在项目中使用了sassgem,所以我认为搭载会像以下一样简单:classRectangleincludeSass::Script::FunctionsdefcolorSass::Script::Color.new([0x82,0x39,0x06])enddefrender#hamlengineexecutedwithcontextofself#sothatwithintemlateicouldcall#%stop{offset:'0%',stop:{color:lighten(color)}}endend更新:参见上面的#re
我有一个rubyonrails应用程序。我按照facebook的说明添加了一个像素。但是,要跟踪转化,Facebook要求您将页面置于达到预期结果时出现的转化中。即,如果我想显示客户已注册,我会将您注册后转到的页面作为成功对象进行跟踪。我的问题是,当客户注册时,在我的应用程序中没有登陆页面。该应用程序将用户带回主页。它在主页上显示了一条消息,所以我想看看是否有一种方法可以跟踪来自Controller操作而不是实际页面的转化。我需要计数的Action没有页面,它们是ControllerAction。是否有任何人都知道的关于如何执行此操作的gem、文档或最佳实践?这是进入布局文件的像素
我想为我的Rails网络应用程序提供推荐功能。特别是,我想向新注册的用户推荐他可能想要关注的其他用户。Rails中是否有用于此目的的引擎/gem?如果没有,我应该从哪里开始构建它?谢谢。 最佳答案 有Coletivogemhttps://github.com/diogenes/coletivo我试了一下。在MySQL上运行。Neo4jhttp://neo4j.org真的很容易实现一个“跟随谁”。事实上,大多数展示其能力的样本都涉及“跟随谁”。快速提示-只有在JRuby上运行时,Neo4j.rb才会很酷。如果不是-使用Neograph
无论您是想搭建桌面端、WEB端或者移动端APP应用,HOOPSPlatform组件都可以为您提供弹性的3D集成架构,同时,由工业领域3D技术专家组成的HOOPS技术团队也能为您提供技术支持服务。如果您的客户期望有一种在多个平台(桌面/WEB/APP,而且某些客户端是“瘦”客户端)快速、方便地将数据接入到3D应用系统的解决方案,并且当访问数据时,在各个平台上的性能和用户体验保持一致,HOOPSPlatform将帮助您完成。利用HOOPSPlatform,您可以开发在任何环境下的3D基础应用架构。HOOPSPlatform可以帮您打造3D创新型产品,HOOPSSDK包含的技术有:快速且准确的CAD
导读:随着叮咚买菜业务的发展,不同的业务场景对数据分析提出了不同的需求,他们希望引入一款实时OLAP数据库,构建一个灵活的多维实时查询和分析的平台,统一数据的接入和查询方案,解决各业务线对数据高效实时查询和精细化运营的需求。经过调研选型,最终引入ApacheDoris作为最终的OLAP分析引擎,Doris作为核心的OLAP引擎支持复杂地分析操作、提供多维的数据视图,在叮咚买菜数十个业务场景中广泛应用。作者|叮咚买菜资深数据工程师韩青叮咚买菜创立于2017年5月,是一家专注美好食物的创业公司。叮咚买菜专注吃的事业,为满足更多人“想吃什么”而努力,通过美好食材的供应、美好滋味的开发以及美食品牌的孵
一、引擎主循环UE版本:4.27一、引擎主循环的位置:Launch.cpp:GuardedMain函数二、、GuardedMain函数执行逻辑:1、EnginePreInit:加载大多数模块int32ErrorLevel=EnginePreInit(CmdLine);PreInit模块加载顺序:模块加载过程:(1)注册模块中定义的UObject,同时为每个类构造一个类默认对象(CDO,记录类的默认状态,作为模板用于子类实例创建)(2)调用模块的StartUpModule方法2、FEngineLoop::Init()1、检查Engine的配置文件找出使用了哪一个GameEngine类(UGame
我希望用户从一个模型的三个选项中选择一个。即我有一个模型视频,可以被评为正面/负面/未知目前我有三列bool值(pos/neg/unknown)。这是处理这种情况的最佳方式吗?为此,表单应该是什么样的?目前我有类似的东西但显然它允许多项选择,而我试图将它限制为只有一个..怎么办? 最佳答案 如果要使用字符串列,让我们说rating。然后在你的表单中:#...#...它只允许一个选择编辑完全相同但使用radio_button_tag: 关于ruby-on-rails-Rails单选按钮-模
基本上,我试图在用户单击链接(或按钮或某种类型的交互元素)时执行Rails方法。我试着把它放在View中:但这似乎没有用。它最终只是在用户甚至没有点击“添加”链接的情况下调用该函数。我也用link_to试过了,但也没用。我开始认为没有一种干净的方法可以做到这一点。无论如何,感谢您的帮助。附言。我在ApplicationController中定义了该方法,它是一个辅助方法。 最佳答案 View和Controller是相互独立的。为了使链接在Controller内执行函数调用,您需要对应用程序中的端点执行ajax调用。该路由应调用rub
我在ruby表单中有一个提交按钮f.submitbtn_text,class:"btnbtn-onemgt12mgb12",id:"btn_id"我想在不使用任何javascript的情况下通过ruby禁用此按钮 最佳答案 添加disabled:true选项。f.submitbtn_text,class:"btnbtn-onemgt12mgb12",id:"btn_id",disabled:true 关于ruby-on-rails-如何在Rails中添加禁用的提交按钮,我们在St
随着ruby被引入为新的编程救世主,我想知道是否有人基于易用性、运行所需的资源、可用性和易定制性而有偏好。两者有更好的吗? 最佳答案 好吧,任何基于Rails的社交网络应用程序的比较都应该包括insoshi(http://portal.insoshi.com/)。话虽这么说,这三个都非常相似,区别在于实现细节。Lovd和Insoshi都是完整的Rails应用程序;它旨在供您将它们用作入门工具包,并使用您自己的自定义功能对其进行扩展。另一方面,CommunityEngine是一个Rails插件。这意味着您可以更轻松地向现有Rail