Howdy, Stranger!
We are about to switch to a new forum software. Until then we have removed the registration on this forum.
Categories
- All Categories 25.7K
- Announcements & Guidelines 13
- Common Questions 30
- Using Processing 22.1K
- Programming Questions 12.2K
- Questions about Code 6.4K
- How To... 4.2K
- Hello Processing 72
- GLSL / Shaders 292
- Library Questions 4K
- Hardware, Integration & Other Languages 2.7K
- Kinect 668
- Arduino 1K
- Raspberry PI 188
- Questions about Modes 2K
- Android Mode 1.3K
- JavaScript Mode 413
- Python Mode 205
- Questions about Tools 100
- Espanol 5
- Developing Processing 548
- Create & Announce Libraries 211
- Create & Announce Modes 19
- Create & Announce Tools 29
- Summer of Code 2018 93
- Rails Girls Summer of Code 2017 3
- Summer of Code 2017 49
- Summer of Code 2016 4
- Summer of Code 2015 40
- Summer of Code 2014 22
- p5.js 1.6K
- p5.js Programming Questions 947
- p5.js Library Questions 315
- p5.js Development Questions 31
- General 1.4K
- Events & Opportunities 288
- General Discussion 365
Access webcam through getUserMedia in P3D (in javascript mode)
I want to access the webcam to use its image data to do some things in 3d. This has to work in Javascript mode to run it in a webpage.
This is the workflow for P2D (this is tested and works): Create a video element on the webpage. Use getUserMedia to connect the webcam to the video element. Get the canvas and context (2d) via the externals property to draw on to the canvas. Use the context.drawImage method to draw and access the pixel data of the webcam.
The problem: In P3D the context of the canvas is no longer of the type "CanvasRenderingContext2D" but of the type "WebGLRenderingContext". "WebGLRenderingContext" has no method drawImage. So the webcam images can no longer be drawn and the pixel data is inaccessible.
Please help, many thanks.