联网 Aframe 项目不适用于动态房间答案

【问题标题】：Networked Aframe project not working with dynamic-rooms联网 Aframe 项目不适用于动态房间
【发布时间】：2021-11-16 08:25:09
【问题描述】：

我正在使用 A-frame (https://aframe.io) 和联网的 A-frame 组件创建一个项目：https://www.npmjs.com/package/networked-aframe

项目链接：https://glitch.com/edit/#!/networkedtest

我遇到了一个问题，每当我尝试替换 scene.html 第 202 行中的以下代码时：

<a-scene moving-sun vr-mode-ui="enabled: false;" physics networked-scene="
      room: audio;
      adapter: easyrtc;
      audio: true;
      video: true;
      debug: true;
      inspector=https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js">

使用此代码：

<a-scene moving-sun vr-mode-ui="enabled: false;" physics dynamic-room="
      room: audio;
      adapter: easyrtc;
      audio: true;
      video: true;
      debug: true;
      inspector=https://cdn.jsdelivr.net/gh/aframevr/aframe-inspector@master/dist/aframe-inspector.min.js">

整个代码运行不正常，我得到一个空白屏幕。

我完全不确定这是为什么，因为我所做的只是用dynamic-room="" 替换networked-scene="" 行，但我仍然得到一个平面白屏。我想知道的是如何在第 202 行的 scene.html 文件中，我可以用第二个代码替换第一个 sn-p 并且必须让代码正常运行。

如果有人知道为什么会出现此问题，我们将不胜感激。

项目链接： https://glitch.com/edit/#!/networkedtest

【问题讨论】：

标签： javascript networking three.js aframe aframe-networked

【解决方案1】：

始终检查控制台并尝试解决您在那里发现的任何问题。

其中一个是：

据我所知，你做到了：

var player = document.getElementById("player");
var myNametag = player.querySelector(".nametag");
myNametag.setAttribute("text", "value", username);

在您的scene.html 中，因此无需在dynamic-room 组件中执行相同操作。从dynamic-room 中删除此位后，一切正常。所以要么删除它，要么检查它为什么重复

【讨论】：

非常感谢！完美运行！