虚幻引擎集成web前端<一>:win环境UE4.27导出像素流并集成到vue2环境(附案例)

news/2025/3/31 11:03:00/

 本案例附件:https://download.csdn.net/download/rexfow/88303544

第一部分:虚幻引擎导出像素流windows包

第1步:软件设置

-AudioMixer -PixelStreamingIP=localhost -PixelStreamingPort=8888

第2步:信令服务器设置

1、执行run_local.bat:

\Samples\PixelStreaming\WebServers\SignallingWebServer\platform_scripts\cmd\

F:\UE\package\UE4271\WindowsNoEditor\Samples\PixelStreaming\WebServers\SignallingWebServer\platform_scripts\cmd

运行后

2、新建bat启动实例

@echo off

start WindowsNoEditor/UE4271.exe -ResX=1920 -ResY=1080 -PixelStreamingIP=localhost -PixelStreamingPort=8888 -log -RenderOffScreen

运行后

3、访问页面:

http://127.0.0.1/

扩展阅读:UE4 4.27像素流公网布置教程_ue4像素流发布_老夫写代码就是一把梭的博客-CSDN博客

第二部分:将像素流集成到vue项目中

第1步:安装vue-cli 脚手架构建工具(必须在全局中进行安装)

在命令行中运行命令 npm install -g vue-cli ,然后等待安装完成。
是否安装成功:vue -V
webpack的版本查询:webpack -v

第2步:生成vue项目

vue init webpack
vue init webpack pixelvue

第3步:启动vue项目

cd pixelvue
npm run dev

扩展阅读:vue.js 三种方式安装 ( vue-cli ) 、安装详解、创建项目_vue 安装_微风--轻许--的博客-CSDN博客

第三部分:将像素流集成到vue项目

第1步:集成js到vue目录下

第2步:引入app.js(app改成webrtc),webRtcPlayer.js

重写webrtc.js中的ws

第3步:将player.html中的指定html标签及其内内容粘贴到HelloWorld.vue中

在HelloWorld.vue调用load()方法

扩展阅读:vue+typescript与UE4像素流通信笔记-CSDN博客


http://www.ppmy.cn/news/1101233.html

相关文章

Android 通知

1. 原生Android通知的几种显示方式: 状态栏的图标:发出通知后,通知会先以图标的形式显示在状态栏中。 抽屉式通知栏:用户可以在状态栏向下滑动以打开抽屉式通知栏,并在其中查看更多详情及对通知执行操作。在应用或用户…

蚂蚁链发布全新Web3品牌ZAN,涉及RWA、合规等服务

9月8日,在外滩大会见解论坛「从科幻到科技:Web3、元宇宙、AIGC」现场上,蚂蚁集团旗下的蚂蚁链联合Everest Ventures Group、HASHKEY、Morpheus labs发布全新Web3品牌ZAN。原蚂蚁链CTO张辉担任ZAN CEO。 该品牌致力于服务Web3机构客户与Web3应…

【从入门到起飞】JavaSE—File的使用,构造方法,成员方法

🎊专栏【JavaSE】 🍔喜欢的诗句:更喜岷山千里雪 三军过后尽开颜。 🎆音乐分享【The truth that you leave】 🥰欢迎并且感谢大家指出我的问题 文章目录 🍔File概述🍔File构造方法⭐根据文件路径…

导入jdk源码并进行使用

jdk下载地址 JDK1.8源码下载地址 idea打开jdk项目 打开项目结构,进入SDK这一栏,选择一个使用的jdk,选择jdk的类路径 将类路径进行删除,并且添加我们自己下载的jdk中的src文件夹到类路径

如何利用 Selenium 对已打开的浏览器进行爬虫

大家好! 在对某些网站进行爬虫时,如果该网站做了限制,必须完成登录才能展示数据,而且只能通过短信验证码才能登录 这时候,我们可以通过一个已经开启的浏览器完成登录,然后利用程序继续操作这个浏览器&…

图解系列 图解直播推拉流流程

文章目录 流程推流流程扩展 拉流流程 文件加密流程 常用开源流媒体服务器为SRS和MTX 流程 涉及到的组件 主播(推流端)观众(播放器)业务服务【持有一些私有Key,如rtmpKey等】流媒体服务器【SRS/MTX】CDN【持有公钥】 …

DNS(域名解析系统)

含义 当我们在上网要访问莫个服务器的时候,就需要知道服务器的IP地址,但IP地址是一串数字,虽然这串数字用点分十进制已经清晰不少了,但还是不利于人们记忆和传播,于是人们使用单词来代替IP地址(例如baidu&a…

AJAX学习笔记9 搜索联想自动补全

AJAX学习笔记8 跨域问题及解决方案_biubiubiu0706的博客-CSDN博客 其实就一个功能 搜索联想 自动补全 键盘按下事件keydown 键盘弹起事件keyup 做模糊查询 <!DOCTYPE html> <html lang"en"> <head><meta charset"UTF-8"><t…