Video texture not updated in VR mode in Three.js example

[thomasX]

Hello everyone,

I was trying the Three.js example “WebXR VR video” from the official website and I noticed that modifying the camera parameters works for the normal mode video, for example “fov” , but has no effect on the VR mode. Is there a reason for this? Can anyone suggest a solution for this ?

Thank you.

camera = new THREE.PerspectiveCamera( 70, window.innerWidth / window.innerHeight, 1, 2000 );

mrdoob/three.js/blob/47b28bc564b438bf2b80d6e5baf90235292fcbd7/examples/webxr_vr_video.html

[thomasX]

May be the cameras in renderer.xr not controled by three.js ?

But how to control them …

[Mugen87]

@thomasX

I was trying the Three.js example “WebXR VR video” from the official website and I noticed that modifying the camera parameters works for the normal mode video, for example “fov” , but has no effect on the VR mode. Is there a reason for this?

The WebXR device API provides the projection matrices for XR rendering and three.js uses them without applying any chances. Hence, manually changing the fov parameter has no effect.

[thomasX]

Thank you!

What would be the best way to build a stereo video player that can play side-by-side .mp4 files in a VR headset browser? The player should have basic controls, such as the ability to change the field of view and zoom in and out.