Video Texture in WebXR mode

10dimensions · January 19, 2022, 3:20pm

Hello Everyone,

I’m trying to stream a video texture on a flat plane in XR mode.

Geo-Web-Project/geoweb-experiments/blob/c9e4a2f7e56852a21b1cdba89612fff07de1b93f/03-ar-video-streaming/js/script.js

import * as THREE from '../lib/three.module.js';
import { ARButton } from '../lib/ARButton.js';
import { GLTFLoader } from '../lib/GLTFLoader.js'

let container;
let camera, scene, renderer;
let controller;

let reticle;

let hitTestSource = null;
let hitTestSourceRequested = false;

let glb_model = null;
let hasModelLoaded = false;

let screen = null;
var video, videoImage, videoImageContext, videoTexture;
var hasVideoLoaded = false

This file has been truncated. show original

Using Android, Chrome for the same. But for some reason, only Audio plays, and the Video Plane is probably fully transparent, or invisible.

Is this due to security policies of Chrome under XR mode?
Or am I making some fundamental mistake in the code.

I’ve also attached the link to the script above.
Relevant lines are L134, L92.

Appreciate any help from the community!

Best

10dimensions · January 19, 2022, 5:38pm

Please find a sample hosted site here

“three.js ar - hit test”

Topic		Replies	Views
VideoTexture Chromakey - WebXR AR & Three.js Questions video-texture , webxr	5	3257	July 2, 2020
AR content missing on device but can be viewed in chrome webXR emulator Questions webxr , ar , immersive	1	696	December 6, 2021
RecordRTC & WebXR AR records black screen Questions webxr	7	2245	July 29, 2020
Avoid immersive ar mode in webxr ar paint example Questions webxr , ar	0	706	February 11, 2020
WebXR monoscopic video in VR Questions vr , video , webxr	2	963	October 29, 2020

Video Texture in WebXR mode

Related Topics