Hi Everyone, I am trying to add a video textured geometry inside the scene. For POC, I am trying to map the texture of plane geometry. Eventually, I would be loading it on other geometries like cylinders. The video is being played but transparency is not being set. I have added a transparent proper…

Please create your video texture like so and try again: <video id="video" loop crossOrigin="anonymous" playsinline style="display:none"> <source src="testAudio.webm"> </video> const video = document.getElementById( 'video' ); video.play(); const texture = new THREE.VideoTexture( video ); text…

I have been trying to get video with alpha working on all devices. On desktop browsers (Chrome, Safari) webm and mov (codec hvc1) are working great when using them as videotexture with format sRGBA. But none of the mobile devices work: video (iOS = mov, Android = webm) is shown without alpha. On Q…

Interesting @Jo_Mantelers My curiosity itches me. I tried with FF and Chrome, and it now works on desktop and Android 7.0. Is it still not working for you on iOS and Quest2 with webm? Not related but I think for HTML you can remove the ="" and simply quote: <video autoplay loop muted playsinline…

did you find a more cross browser/ cross device solution for this ?

Have you seen this approach? Using a matted fragment shader. Seems to be iOS compatible.

I just tested transparent video textures (webm+hvc) and can confirm it works on Desktop+Mobile including iOS, but not on the native Oculus Quest 2 browser. It works on Firefox Reality for Oculus though.

Can confirm that it no longer works, sad. I’m using greenscreen video with a chroma key shader like this now: [image] Shadertoy Build shaders, share them, and learn from the best community. Another solution is an explicit alpha channel and custom shader like …

Transparency for webm Video texture

Questions

Dzmitry_Haiduk April 25, 2023, 2:47pm 8

Transparency stopped working in the latest iOS 16.4.1, how can I solve it?

Topic		Replies	Views
Transparent channel on video texture Questions textures , video-texture , transparency	3	3388	November 20, 2018
Does VideoTexture support the MOV file format? Questions video-texture , react-three-fiber , texture	6	1909	August 26, 2021
VideoTexture on 3D Object - Problem Appear Transparent Questions materials , video-texture , geometry	15	2857	December 6, 2021
videoTexture does not appear on iPhone (iOs) Questions textures , video-texture , video , ios , threejs	1	1401	October 13, 2022
Trying to use video texture but not works Questions	0	179	May 10, 2024

Transparency for webm Video texture

Related topics