Aberration: webcam shader art

webcam-aberration-demo.mp4

1. Access the Webcam Feed: Use the MediaDevices API to capture the webcam feed.
2. Create a Video Element: Stream the webcam feed into a hidden HTML <video> element.
3. Create a Texture from the Video: In WebGL, create a texture that will hold the current frame of the video.
4. Update the Texture Each Frame: In your render loop, update the texture with the latest frame from the video.
5. Pass the Texture to the Shader: Use a sampler2D uniform in your fragment shader to access the texture data.
6. Render the Scene: Draw your scene, using the texture data in your shader as needed.