Hello, I try to render a VideoTexture on a 3D Object. This is for a AR application. It works with local video but external https video do not work. Maybe have you an idea? <!DOCTYPE html> <html lang="en"> <head> <title id="bb">My Header</title> <meta charset="utf-8"> <meta name="viewport"…

Do you have an example or more complete code? Your code doesn’t make sense. You have to set the mesh position from reticle every frame, and also set the camera position, look at etc. Also, how do you know it’s transparent? can you see it partially?

Maybe these examples from the Collection of examples from discourse.threejs.org will help? BeginnerExample step4 RoundedRectangleVideo Video https://hofk.de/main/discourse.threejs/2018/VideoTextureProjection/VideoTextureProjection.html https://hofk.de/main/discourse.threejs/2018/VideoProjector/…

Thanks for your answer, I updated the code in my first post, if you have android and chrome you can test the AR app via the link below. https://determined-shannon-9c823a.netlify.app The scenario is when the reticle is on the ground, the user tap the reticle (function onSelect()) to place the “Pl…

Oh, I just saw that you are using THREEx.VideoTexture, I don’t have any idea about that and it’s last published 4 years ago, so I doubt it would work anymore properly. Why don’t you use the VideoTexture in threejs: three.js docs

I updated my Code with VideoTexture code. Good news, the video works but only with local video and not with url . How to make it work with url?

Hello, VideoTexture works well, but I only arrive to make it works with local video, do you have an idea why https video url do not work?

Not sure about the exact how and when, but browsers sometimes only allow the video to be played after the user interacts with the page. Did you try a ‘play’ button?

I created a GUI play button, and the result is the same Video URL not work.

Thanks you very much for all your examples, My code from my initial post work, but I only arrive to display video who are stored locally. I tried this to integrate https url like below but it doesn’t work, nothin display. <video id="video" loop crossOrigin="anonymous" playsinline style="display:…

VideoTexture on 3D Object - Problem Appear Transparent

Questions

hofk November 6, 2021, 8:18pm 7

see Projector the video
=> Edit fiddle - JSFiddle - Code Playground basis from Video

Topic		Replies	Views
VideoTexture CORS Questions cors , video	1	1383	September 24, 2022
Can not play video when using VideoTexture Questions textures	0	588	October 29, 2021
videoTexture does not appear on iPhone (iOs) Questions textures , video-texture , video , ios , threejs	1	1399	October 13, 2022
Having problem with VideoTexture Questions video-texture	8	5989	December 4, 2020
VideoTexture doesnt play on mobile Questions textures , materials , gltf-loader	4	957	January 16, 2023

VideoTexture on 3D Object - Problem Appear Transparent

Related topics