时间戳

首页 > 解决方案 > 网络 A 帧示例切换视频不起作用

javascript - 网络 A 帧示例切换视频不起作用

问题描述

我创建了 Networked A-frame 示例项目的混音。我一直在测试一些功能，出于某种原因，屏幕左下角的切换视频按钮在视频示例中不起作用。

该功能正在触发，但它不会将视频从打开更改为关闭，反之亦然。我不知道为什么会这样，但我想知道如何做到这一点，当单击按钮时，如果视频打开，它将关闭，如果视频关闭，它将打开。如何才能做到这一点？代码位于本项目第 106 行的 public/examples/index.html 中：

https://glitch.com/edit/#!/modern-talented-tanker?path=examples%2Findex.html%3A116%3A0

不工作的代码片段：

// Handle camera button click (Off and On)
        cameraBtnEle.addEventListener('click', function() {
          NAF.connection.adapter.enableCamera(!cameraEnabled);
          cameraEnabled = !cameraEnabled;
          cameraBtnEle.textContent = cameraEnabled ? 'Hide Camera' : 'Show Camera';
        });
      }

标签： javascriptthree.jsaframewebvraframe-networked

解决方案

我查看了您链接到的文件，发现那里的代码片段与您在此处发布的不匹配，它引用了链接文件中的 mic 元素。我可以建议您查看名为basic-video.html. 您可以在那里找到在 VR 空间中进行视频共享的正确设置。请记住在 2 个选项卡/窗口上对其进行测试，就好像只有一个“播放器”一样，视频共享将不起作用。

有关 networked-aframe 中视频共享的详细指南，请访问此链接： https ://github.com/networked-aframe/networked-aframe#video

这是视频共享的示例：
https ://modern-talented-tanker.glitch.me/basic-video.html

源代码：
https ://glitch.com/edit/#!/modern-talented-tanker?path=examples%2Fbasic-video.html

祝你好运！

推荐阅读