退出Aframe全屏

时间:2017-05-22 10:40:15

标签: javascript aframe webvr

我有一个嵌入式场景元素,用户可以点击进入Aframe全屏模式。在特定事件(用户导航到场景中的特定位置),我想触发全屏模式的自动退出。这相当于用户按ESC键,但是以编程方式。我怎么能这样做?

这是我的场景代码:

gem "rails", "~> 5.0.0"
gem "rack-cors"
gem "active_model_serializers", "~> 0.10.0"

以下是退出全屏的方法:

...
<a-scene id="3d-view" embedded style="z-index: 9999;">
<a-entity position="33 0 -33" rotation="0 180 0" id="camera" camera="userHeight: 1.6" listener>
</a-entity>
...
<!-- Lighting -->
<a-light type="ambient" color="#bbb"></a-light>
<a-light color="#ccc" position="0 30 0" distance="100" intensity="0.4" type="point"></a-light>
<a-light color="#ccc" position="3 10 -10" distance="50" intensity="0.4" type="point"></a-light>
<a-entity id="a"></a-entity>
</a-scene>
...

1 个答案:

答案 0 :(得分:2)

this.el.sceneEl.exitVR()

exitFullscreen();

   function exitFullscreen () {
  if (document.exitFullscreen) {
    document.exitFullscreen();
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen();
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen();
  }
}