从我所看到你创造一个 <video> 元件 的 过度 强> aframe画布。进入vr模式时,您只能看到aframe画布,这就是为什么您的100%/ 100%视频可能会消失的原因。
<video>
我想你应该做一个 <a-video> 元素,并将“src”设置为您的localMediaStream。此外,您需要一个对象来纹理您的视频。 不确定它是否会采取它,从未尝试过。你应该看看 https://github.com/jeromeetienne/AR.js/
<a-video>
顺便说一句,你的方法已被弃用: https://developer.mozilla.org/pl/docs/Web/API/Navigator/getUserMedia 看来你现在应该使用navigator.mediaDevices.getUserMedia(): https://developer.mozilla.org/en-US/docs/Web/API/MediaDevices/getUserMedia
的 更新: 强> 我制作了一支小笔,用我的相机提供纹理平面,在firefox上试过,效果很好,我的chrome似乎在plunker或codepen中调用时禁用了userMedia。似乎在我的电脑上的VRMODE和Firefox的Firefox中工作。我的手机上的飞机是弯曲的4某种原因,我猜它有一个糟糕的相机,没有记忆:p
随意修改我的笔: https://codepen.io/gftruj/pen/jwEyQN
css部分是一个剩余部分,更好地确保视频输入具有二维功能。正如我在aframe网站上看到的,我应该把视频放在里面 <a-video> 元件: https://aframe.io/docs/0.5.0/primitives/a-video.html 虽然把它作为一个 <a-plane> src似乎工作正常。
<a-plane>