Hi there, I’d like to use webcam input for my next project. I’ve seen some examples but is there somewhere a good and clear tutorial or source code that I can look at? So far I’ve not found anything that is helpful for me. Many thanks in advance

I’ve created a little fiddle that might be helpful. The code uses THREE.VideoTexture in order to display the video stream of the webcam as a texture on a simple plane. three.js webcam input - JSFiddle - Code Playground Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddl…

Webcam input three.js

Questions

jrlazz January 9, 2024, 1:03am 16

Hi @EliasHasle …

I have corrected the link:

https://jrlazz.eu5.org/anim/ontv.html

There were two points after the link…

Please confirm if it works!

PS: There is another post about it:

Topic		Replies	Views
Webcam texture is washed out Questions textures , video-texture , webcam , video	4	581	April 4, 2024
Streaming live video on texture Questions video-texture	8	4554	April 26, 2024
How can I get threejs' webcam feed into a WebGL texSubImage2D? Questions video-texture	1	707	July 4, 2021
Create video element in the three.js/editor Questions editor , video-texture	11	836	August 31, 2024
Unable to load webcam as a texture into shader Questions textures , shaders	6	2004	October 6, 2020

Webcam input three.js

Related topics