networked-aframe | web framework for building multi | Augmented Reality library

I am creating a project using A-frame (https://aframe.io) and the networked A-frame component (https://www.npmjs.com/package/networked-aframe)

(project at: https://glitch.com/edit/#!/networkedtest?path=public%2Fscene.html%3A44%3A0)

and I've run into an issue with the video feed. Currently in my project, video feed is working perfectly fine, but whenever I switch this line of code in scene.html on line 202:

I have a project I'm creating using A-frame (https://aframe.io) and the networked A-frame component: https://www.npmjs.com/package/networked-aframe

Link to the project: https://glitch.com/edit/#!/networkedtest

I've run into an issue where whenever I try to replace the following code in scene.html on line 202:

Hi, I've remixed a template for networked aframe dynamic rooms using a form:

https://glitch.com/edit/#!/power-lily-pancake?path=public%2Fscene.html%3A41%3A0

For some reason whenever I add these lines of code to the tag, the entire project breaks:

Well my target is to make a multiplaying 3D environment where the persons are represented by cubes that have as textures their selfie without the background. It is a kind of cheap virtual production without chroma key background. The background is removed with MediaPipe Selfie-Segmentation. The issue is that instead of having the other player texture on the cube (P1 should see P2, and P2 should see P1, each one sees his selfie. This means that P1 sees P1 and P2 sees P2 which is bad.

Live demo: https://vrodos-multiplaying.iti.gr/plain_aframe_mediapipe_testbed.html

Instructions: You should use two machines to test it Desktops, Laptops or Mobiles. Use only Chrome as Mediapipe is not working at other browsers. In case webpage jams, reload the webpage (Mediapipe is sometimes sticky). At least two machines should load the webpage in order to start the multiplaying environment.

Code: