实时渲染流程操作复杂吗,如何实现?

简介: 像素流技术需要自己来完成这个过程的搭建,还需要在实际应用中的多并发、负载均衡、在不同设备浏览器等下的兼容性、画面的多清晰度展示等等其他问题。点量云实时渲染4步操作,小白也可轻松实现3D应用的实时渲染流化传输。

实时渲染在不同的场景和语境中具体指向有所不同,本文所描述的实时渲染流程是类似UE4像素流技术的,大型软件流送传输技术。即将UE\Unity、CAD\3Dmax等3D程序,放在服务器上,在接收到用户端的指令后借助服务器的算力,完成计算并将结果重新编码以画面流的方式传回终端用户侧设备。
其实UE和unity针对这种场景都提出了理论上的技术方案,但这个方案需要对UE比较熟悉,而且需要自己来完成这个过程的搭建,还需要在实际应用中的多并发、负载均衡、在不同设备浏览器等下的兼容性、画面的多清晰度展示等等其他问题。参考UE官方的资料,实现实时渲染过程步骤如下:
UE4.jpg

1、确定电脑或者服务器软硬件符合像素流技术的要求
1)像素流送插件只能在运行Windows操作系统的电脑上编码视频,对电脑的GPU硬件还有一定要求。
2)安装node.js - 如果电脑上尚未安装 node.js,则需要下载并安装。
3)打开网络端口- 必须打开本地网络上的以下端口进行通信:80、888。如需修改默认端口,则需要查看参考文件
4)停止其他web服务器 - 如果电脑正在运行其他Web服务器,则将其停止。
5)IP地址- 需要知悉电脑的IP地址。
2、准备虚幻引擎应用程序
1)在这个步骤中将为项目创建一个standalone可执行文件。
只有将项目作为打包应用程序运行时或使用 Standalone Game 选项在虚幻引擎中启动时才能使用像素流送插件。
在虚幻编辑器中打开项目——》在虚幻编辑器的主菜单中选择 编辑(Edit) > 插件(Plugins)——》在 图像(Graphics) 下找到 像素流送(Pixel Streaming) 插件并勾选 启用(Enabled) 框——》点击 是(Yes) 确认——》点击 立即重启(Restart Now) 重启项目并应用修改——》返回虚幻编辑器,从主菜单中选择 编辑(Edit) > 项目设置(Project Settings)——》在主菜单中选择 编辑(Edit) > 编辑器偏好(Editor Preferences...)——》在 关卡编辑器(Level Editor) > 播放(Play) 中找到 额外启动参数(Additional Launch Parameters) 设置,并将其值设为 -AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888——》打包Windows项目。从虚幻编辑器的主菜单中选择 文件(Files) > 打包项目(Package Project) > Windows > Windows (64-bit)——》在项目找打开虚幻引擎放置项目打包版本的文件夹,点击 选择文件夹(Select Folder)——》虚幻编辑器将开始打包进程——》打包进程完毕后,前往上方第6步中选择的文件夹。将找到一个名为 WindowsNoEditor 的文件夹——》每次启动打包应用程序时,均需要传递与第9步中一样的命令行标签(也可以设置快捷方式)——》在打包的standalone虚幻引擎应用程序中启用像素流送插件后,即可开始流送渲染帧和音频

3、 启动服务器
在这个步骤中将开启网络服务,在虚幻引擎应用程序和客户端浏览器间建立点对点的连接。在虚幻引擎安装文件夹中,在 Engine/Source/Programs/PixelStreaming/WebServers/SignallingWebServer 中找到信令服务器的路径。
运行 run.bat 文件开启信令服务器。首次运行服务器时其将下载需要的所有依赖性。服务器启动,能够接收连接后,控制台窗口中将出现以下命令行:
现在用上一段中创建的快捷方式来启动虚幻引擎应用程序。
为便于使用,打包虚幻引擎应用程序时这些服务器也会被复制到包含打包可执行文件的文件夹中。他们位于上述路径下的 Engine 子文件夹中。可从该处启动服务器,而非从虚幻引擎安装文件夹中启动。
须注意:如要修改这些文件夹中的任意文件(尤其是信令和Web服务器的播放器页面或配置文件),需要在原始位置中进行修改,如果在打包文件夹中进行修改,下次打包应用程序时修改可能会被覆盖。
当虚幻应用程序运行连接到信令服务器和Web服务器时,应该可以在信令和Web服务器打开的控制台窗口中看到以下输出行:
Streamer connected: ::1
这说明虚幻引擎应用程序已经启用了像素流送插件,前端信令和Web服务器也已准备好将客户端连接到虚幻引擎应用程序。
如有必要,你可以分别中断并重启虚幻引擎应用程序及信令和Web服务器。只要它们同时运行,就能够自动重连。
此时必要的设置均已在电脑上完成。现在只需连接到浏览器。
4、连接!
在该步骤中将把多个不同设备上运行的网络浏览器连接到像素流送播放。
在运行虚幻引擎应用程序的电脑上按下Alt+Tab组合键,将聚焦从虚幻引擎应用程序上移开,然后启动一个支持的Web浏览器(Google Chrome和Mozilla Firefox是不错的选择)。
在地址栏中导航至 http://127.0.0.1。这是本地机的IP地址,因此请求应由信令服务器进行处理:
点击页面进行连接,然后再次点击"播放(Play)"按钮开始流送。 
现在便会连接到应用程序,渲染输出将流入播放器Web页面中:
 默认的播放器页面已进行设置,将把键盘、鼠标和触控屏输入发送到虚幻引擎,以便控制应用程序并前往各处,就像直接在应用程序进行控制一样。 
点击窗口右侧的 + 按钮,展开流送控制的一些内置选项:

xiagnsuliu.jpg

如果以上4步都顺利进行下来就可以实现单路实时渲染效果,但这个过程可能存在很多问题,而且这个只是实现了实时渲染的效果。从产品角度来说其实还有很多需要完善的,只是个技术雏形。而且对于UE等不熟悉或者不懂技术的人员来说还是有很的难度。那有没有什么便捷的方式,让小白也可以快速上手实现各类3D应用软件程序的实时渲染呢?
点量云实时渲染系统以可视化的界面,简单几步即使小白也可以实现对想要流化的程序进行渲染的目的。
1、准备能正常运行3D程序的服务器,
2、在服务器上安装想要实时渲染的程序和点量云系统(可按照教程自己快速安装,也可我方远程提供协助)
3、将3D程序的存储位置添加到点量云系统中,点击按钮生成终端可访问的
URL地址。
4、将该URL地址发给用户,用户在普通电脑、手机、平板等设备中通过浏览器直接打开就可以实时交互。而且体验和本地安装程序效果一样,而且不仅仅是UE4程序,Windows下的大部分程序都可以实现流化处理。
yunaliuhuatedian.png

相关文章
|
29天前
|
缓存 监控 前端开发
优化 Flutter 应用启动速度的策略,涵盖理解启动过程、资源加载优化、减少初始化工作、界面布局优化、异步初始化、预加载关键数据、性能监控与分析等方面
本文探讨了优化 Flutter 应用启动速度的策略,涵盖理解启动过程、资源加载优化、减少初始化工作、界面布局优化、异步初始化、预加载关键数据、性能监控与分析等方面,并通过案例分析展示了具体措施和效果,强调了持续优化的重要性及未来优化方向。
54 10
|
4月前
|
前端开发 JavaScript API
解锁高效应用构建:Vuex与后端交互的前端状态同步策略,让数据流动如行云流水,紧跟前端开发的热点趋势
【8月更文挑战第27天】本文深入探讨了Vue框架下的前端状态管理库Vuex与后端服务交互时的状态同步策略。通过剖析Vuex的核心机制——状态(State)、变异(Mutation)、动作(Action)及模块(Module),文章展示了如何优雅地将后端数据加载并更新至前端状态中。特别地,借助示例代码解释了Action处理API调用、Mutation更新状态的过程,并介绍了如何通过模块化和命名空间提高状态管理的准确性和时效性。此外,还讨论了组件如何利用`mapState`和`mapActions`简化状态访问与操作的方法。遵循这些策略,开发者可以在构建复杂应用时显著提升性能与用户体验。
54 0
|
1月前
|
存储 缓存 前端开发
PWA 如何实现离线功能
PWA(渐进式Web应用)通过Service Worker技术实现离线功能。Service Worker作为浏览器和网络之间的代理,可以缓存网页资源,在用户离线时提供缓存内容,确保应用正常运行。
|
7月前
|
Perl
CocoaLumberjack增强异步日志组件BITCocoaLumberjack的使用
CocoaLumberjack增强异步日志组件BITCocoaLumberjack的使用
70 1
|
4月前
|
前端开发 JavaScript 机器人
中后台前端开发问题之动态标注组件渲染到界面上如何解决
中后台前端开发问题之动态标注组件渲染到界面上如何解决
37 0
|
4月前
|
JavaScript 前端开发 定位技术
云解析地图作业问题之在搭建页面中简化数据筛选的过程如何解决
云解析地图作业问题之在搭建页面中简化数据筛选的过程如何解决
35 0
|
缓存 安全 数据可视化
实时云渲染是什么?怎么用?用在哪?
实时云渲染是什么?怎么用?用在哪?
|
数据可视化 5G 云计算
干货:实时渲染和离线渲染的区别?实时云渲染又是什么?
常见的渲染类型有以下几种:实时渲染、离线渲染、实时云渲染、混合渲染。那么什么是实时渲染?实时渲染和离线渲染有哪些区别?各自有哪些典型应用场景...... 有没有人感觉知道了,但又没完全知道? 今天小编就尽量为大家用简单易懂的方式先解释下实时渲染、离线渲染、实时云渲染这3个概念。
干货:实时渲染和离线渲染的区别?实时云渲染又是什么?
下一篇
DataWorks