Vue3 + UE4+ 像素流 + 交互 的开发构建流程

• 前端

Vue3 + UE4+ 像素流 + 交互 的开发构建流程

一、像素流

1、将对应 UE 4.27 版本的 webRtcPlayer.js 复制到项目的 public/ue 文件夹下（作为静态资源）

请添加图片描述

请添加图片描述

2、根目录下的 index.html 中引入 ue/webRtcPlayer.js

index.html 中引入 webRtcPlayer.js

请添加图片描述

3、将对应 UE 4.27 版本的 app.js 复制到项目的 main.ts 同级目录下，可以改名为 ueapp.js

请添加图片描述

4、修改 ueapp.js 中的内容，用于解决开发中的报错问题
1、新增导出（webrtc 对象可以将 ueapp.js 中定义的 function 都导出，这里只初步导出了五个函数/对象）

这里目前只初步导出了 ueapp.js 中的 load、resizePlayerStyle、emitUIInteraction 等方法。有需要的话，还可以继续导出所需要的方法。

请添加图片描述

var temp = new window.webRtcPlayer({
   })
var webrtc = {
   
  load: load,
  webRtcPlayer: temp,
  resizePlayerStyle: resizePlayerStyle,
  emitUIInteraction: emitUIInteraction,
  onConfig: onConfig
}
export default {
    webrtc }
2、添加初始变量定义

ueapp.js 中，有些变量没有定义就直接在函数中使用了，这将导致在运行使用时的报错，需要增加定义：

请添加图片描述

// 新增
let unquantizeAndDenorm

本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/d6d409408d.html

赞 (0)
« 上一篇 1天前
下一篇 » 1天前

相关推荐