三维可视化融合系统:像素流技术探索

 三维可视化融合系统 | 像素流篇_java

本文档的主要目的是为了读者能够快捷地了解本软件从虚幻引擎到前端渲染的基本架构。我们的数字大桥利用Autodesk系列软件进行三维建模,再通过虚幻引擎(UE)渲染,最后将视频流通过WebRTC技术实时传输到浏览器前端展示。在UE4中使用PixelStream功能将渲染画面发送至前端页面。

三维可视化融合系统 | 像素流篇_web_02

像素流与WebRTC

像素流是虚幻引擎利用WebRTC技术将视频流实时传输到浏览器的流程,像素流由3个部分组成:

  • 发送方:虚幻引擎后端的像素流官方插件,用于发送实时视频流
  • 中间方:用NodeJS启动的信令服务器,用于在发送方和接收方之间转发信令,协助建立P2P
  • 接收方:浏览器前端用JavaScript调用WebRTC的功能,接受视频流

像素流是WebRTC的一个子集,因为WebRTC包含mesh、sfu、mcu等多种复杂架构,但数字大桥使用的像素流只用到了最简单的p2p架构,即一个虚幻引擎后端向多个浏览器前端传输像素流。3个端的启动方式如下:


信令服务器启动参数
选项默认值作用
player88浏览器用户端口
unreal8888虚幻引擎端口
tokeninsigmaWebSocket认证凭证
limit4最大用户数量
虚幻引擎启动参数
选项类型作用
ForceResvoid强制分辨率,结合ResX和ResY使用
AudioMixervoid允许传输音频
RenderOffScreenvoid后台运行
graphicsadapter自然数选择GPU
AllowPixelStreamingCommandsvoid允许调试像素流
PixelStreamingEncoderRateControl枚举{CBR, VBR}常码率或可变码率
PixelStreamingURL字符串信令服务器URL
前端启动的2种方式
JavaScriptimport "PixelStream.js";const ps = document.createElement("video", { is: "pixel-stream" });ps.setAttribute("signal", "ws://127.0.0.1:88/insigma");document.body.appendChild(ps);
HTML<script src="PixelStream.js"></script><video is="pixel-stream" signal="ws://127.0.0.1:88/insigma"></video>



免责声明:本文系网络转载或改编,未找到原创作者,版权归原作者所有。如涉及版权,请联系删

QR Code
微信扫一扫,欢迎咨询~

联系我们
武汉格发信息技术有限公司
湖北省武汉市经开区科技园西路6号103孵化器
电话:155-2731-8020 座机:027-59821821
邮件:tanzw@gofarlic.com
Copyright © 2023 Gofarsoft Co.,Ltd. 保留所有权利
遇到许可问题?该如何解决!?
评估许可证实际采购量? 
不清楚软件许可证使用数据? 
收到软件厂商律师函!?  
想要少购买点许可证,节省费用? 
收到软件厂商侵权通告!?  
有正版license,但许可证不够用,需要新购? 
联系方式 155-2731-8020
预留信息,一起解决您的问题
* 姓名:
* 手机:

* 公司名称:

姓名不为空

手机不正确

公司不为空