UE 像素流网页设置

谁在敲打我的窗丶

已于 2023-11-10 00:17:09 修改

阅读量3.1k

点赞数 8

分类专栏： UE像素流文章标签： ue5 ue4

于 2023-06-20 17:00:03 首次发布

本文链接：https://blog.csdn.net/weixin_42439888/article/details/131310424

版权

UE像素流专栏收录该内容

4 篇文章

订阅专栏

该文章介绍了如何在UE4的PixelStreaming中隐藏鼠标以及处理播放控制问题。提供了在app.js中修改代码来实现鼠标隐藏和控制方案，包括通过修改inputOptions.controlScheme。此外，还详细说明了自动播放像素流和去除启动界面的方法，以及如何实现像素流的全屏展示，去掉了右上角的内容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

欢迎来到我的博客记录学习过程中遇到的问题
UpUpUppppppp

隐藏UE中的鼠标，显示网页鼠标

隐藏UE中鼠标两种方式
方案1：
在UE中找到PixelStreaming插件把蓝图中的鼠标进行隐藏
在这里插入图片描述
方案2：

在app.js中修改styleCursor = 'default';
在这里插入图片描述
鼠标需要按Esc的问题
鼠标需要按Esc才能进入或退出播放器控件的控制。
方案1：
app.js中添加以下代码：

 inputOptions.controlScheme = ControlSchemeType.HoveringMouse;

在这里插入图片描述
方案2：
在player.html中load()方法添加以下代码：

<script>
inputOptions.controlScheme = ControlSchemeType.HoveringMouse;
</script>

在这里插入图片描述

隐藏启动界面并且自动播放像素流

在app.js中修改以下代码：
1.PlayStream()方法中修改代码
第二个if语句修改为 if(webRtcPlayerObj.audio.srcObject && autoPlayAudio&&false)
在这里插入图片描述
2.showPlayOverlay()方法后加以下代码

webRtcPlayerObj.video.muted = true;
setTimeout(() => { playStream();}, 1);

在这里插入图片描述
3.start()方法处最后一个if语句内容修改为以下代码

if (!connect_on_load || is_reconnection) {
       // showConnectOverlay();
        invalidateFreezeFrameOverlay();
        shouldShowPlayOverlay = true;
        resizePlayerStyle();
        connect();
        startAfkWarningTimer();
    } else {
        connect();
    }