一、文件准备

        1、从搭建好的UE4项目找到scripts文件夹拷贝文件夹(重点文件app.jswebRtcPlayer.js)到vue项目下的静态源文件夹(默认public文件夹)下,如下图

 

        在vue项目index.html引入拷贝app.jswebRtcPlayer.js文件

注意:app.jswebsocket接口地址必须为发布像素地址 ,否则无法连接

         2、创建一个vue文件然后找到UE4项目中的player.html文件,拷贝其body代码vue文件下,在mounted调用load方法

 

二、通信接口

        1、文档地址https://docs.unrealengine.com/5.0/zh-CN/customizing-the-player-web-page-in-unreal-engine/

        2、通信接口

              (1)前端向UE4发送消息使用emitUIInteraction函数

// str: 消息字符串
window.emitUIInteraction(str)

              (2)前端监听UE4消息使用addResponseEventListener函数

// handle_responses: UE4项目定义监听器独特命名
window.addResponseEventListener("handle_responses", (response) => {
  console.log(`Received response message from streamer: "${response}"`); 
});

原文地址:https://blog.csdn.net/weixin_46653941/article/details/131484017

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_43918.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注