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

Question

我有一个正在使用 A 型框架创建的项目 (https://aframe.io) and the networked A-frame component: https://www.npmjs.com/package/networked-aframe

Link 到项目：https://glitch.com/edit/#!/networkedtest

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

<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 文件中， 我可以用第二个代码片段替换第一个代码片段并且必须正确编码 运行 .

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

Link 到项目： https://glitch.com/edit/#!/networkedtest

Answer 1

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

其中之一是：

据我所见，你是：

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

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