如何隐藏" VR“按钮除非在A帧场景中有VR耳机

Question

默认情况下，A帧场景显示一个" VR“图标，在所有情况下都进入沉浸式VR模式，即使耳机不存在。当用户使用带有WebXR的耳机时，是否有一种简单的方法来显示此图标？

Answer 1

是的，有一个内置的A帧函数checkHeadsetConnected()用于这个目的.当耳机不存在时，您可以在附加到a-scene实体的组件中使用它来禁用vr-mode-ui。下面是这方面的示例代码：

  // only show VR button if headset connected
  AFRAME.registerComponent('vr-mode-ui-if-headset', {
    dependencies: ['vr-mode-ui'],
    init: function () {
      if (!AFRAME.utils.device.checkHeadsetConnected()) {
        this.el.setAttribute('vr-mode-ui', 'enabled', false);
      }
    }
  })

下面是一个显示正在使用的组件的小故障A帧场景：

代码：https://glitch.com/edit/#!/lapis-wide-cartoon?path=index.html

直播项目：https://lapis-wide-cartoon.glitch.me/