Hi there, i’d like to do something similar to this old topic: Camera stream on WebGL - #4 by fselcukcan but, as i’ve specified in the last post, i’d like to put the stream in foreground. The porpouse is to insert a viedo stream of a person inside the scene (for example using green screen technique…

I think it’s possible. You would have to edit out the green screen in a video editor and export it to a format that has alpha channel (transparency) data. Webm seems like it might work, I would try that on a VideoTexture first. You can also export the video as a bunch of png files and put them on a…

This could help: Video As A Texture | Babylon.js Documentation

Nice example - https://playground.babylonjs.com/#GH6TZV#3 This thread also may be helpful: Mp4 video alpha transparency

Thank you everyone, i’ll try following the examples you’ve posted :wink:

I think a can reach the effect i need, thank you all :+1: I was wondering if it’s possible to use as a video stream also a youtube video. Could it work?

Video stream inside scene

Questions

labris March 25, 2021, 8:26pm 7

For Youtube video see here - Youtube video as video texture
Another way is to use CSS3DRenderer.

Topic		Replies	Views
Camera stream on WebGL Questions	4	2515	March 20, 2021
Youtube video as video texture Questions material	7	4497	April 16, 2020
VideoTexture.CreateFromWebCam Questions material	10	1030	July 22, 2022
Webm video texture with alpha Questions	8	2319	December 16, 2020
Rendering a video div on a texture? Questions webxr	3	790	March 16, 2023

Video stream inside scene

Related topics