本文档的主要目的是为了读者能够快捷地了解本软件从虚幻引擎到前端渲染的基本架构。我们的数字大桥利用Autodesk系列软件进行三维建模,再通过虚幻引擎(UE)渲染,最后将视频流通过WebRTC技术实时传输到浏览器前端展示。在UE4中使用PixelStream功能将渲染画面发送至前端页面。
像素流与WebRTC
像素流是虚幻引擎利用WebRTC技术将视频流实时传输到浏览器的流程,像素流由3个部分组成:
发送方:虚幻引擎后端的像素流官方插件,用于发送实时视频流
中间方:用NodeJS启动的信令服务器,用于在发送方和接收方之间转发信令,协助建立P2P
接收方:浏览器前端用JavaScript调用WebRTC的功能,接受视频流
像素流是WebRTC的一个子集,因为WebRTC包含mesh、sfu、mcu等多种复杂架构,但数字大桥使用的像素流只用到了最简单的p2p架构,即一个虚幻引擎后端向多个浏览器前端传输像素流。3个端的启动方式如下:
领取专属 10元无门槛券
私享最新 技术干货