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	3483	July 2, 2020
AR content missing on device but can be viewed in chrome webXR emulator Questions webxr , ar , immersive	1	788	December 6, 2021
RecordRTC & WebXR AR records black screen Questions webxr	7	2417	July 29, 2020
Examples of using WebXR to view a flat stereo video in VR? Questions video-texture , vr , video , webxr , stereoeffect	0	245	April 25, 2024
Avoid immersive ar mode in webxr ar paint example Questions webxr , ar	0	770	February 11, 2020

Video Texture in WebXR mode

Related topics