Webcam on a 3D object using Threejs and OBS

Channel:
Subscribers:
24,900
Published on ● Video Link: https://www.youtube.com/watch?v=SdYf4OvnVxY



Duration: 5:21
3,157 views
39


Three.js and TypeScript (Book) : https://www.amazon.com/dp/B09GYTKRCH

I'm using OBS classic, and using a window source which is a chrome browser with a url in it.
The url displays your webcam on a textured cube using three.js. You can rotate the cube using your mouse.

The web page is hosted at https://seanwasere.gitlab.io/Webcam-as-Texture-using-Three.js/

Download OBS from https://obsproject.com/ (I am using OBS Classic in this video)

Thanks for watching, please remember to like, comment, subscribe and share.

--Update--
The web page now has a chroma keying option so that you can chroma key on the web page at the webcam capture level, and also inside OBS.







Tags:
OBS
obs classic
three.js
webcam
webcam as texture
seanwasere
webcam on 3d object
chroma key