Tag Archives: webcam

Video Music – Make music by flashing colored items in front of your webcam

This makes music and needs access to your camera. The average hue from your camera controls which chord will play. Video Music →

Elsewhere , , , , Leave a comment

HTML Barcode Scanner

window.addEventListener(‘load’, function() { barcode.config.start = 0.1; barcode.config.end = 0.9; barcode.config.video = ‘#barcodevideo’; barcode.config.canvas = ‘#barcodecanvas’; barcode.config.canvasg = ‘#barcodecanvasg’; barcode.setHandler(function(barcode) { document.getElementById(‘result’).innerHTML = barcode; }); barcode.init(); }); An HTML5 barcode scanner which scans EAN-13 barcodes using a webcam. HTML Barcode Scanner … Continue reading

Elsewhere , , , , , 8 Comments

DoorBot — Wi-Fi Enabled Smart Doorbell

DoorBot: the battery operated Wi-Fi video doorbell that connects to your smartphones and tablets. See who is at your door – anytime/anywhere DoorBot →

Elsewhere , 1 Comment


Takes a snapshot with your Mac’s built-in iSight/FaceTime webcam every time you git commit code, and archives a lolcat style image with it. UPDATE 2017.01.03: Jelle Vandebeeck has written down some instructions on setting this up. Since this was originally … Continue reading

Elsewhere , , , , , Leave a comment

Photo Booth in your browser

Use Canary Chrome (and enable MediaStream in about:flags) to actually use your webcam instead of the provided recording. Works surprisingly fast. HTML5 Webcam Toy — Photo effects using WebGL and getUserMedia → (via badassjs)

Elsewhere , , , , , , 2 Comments

getUserMedia Moustache

This demo uses getUserMedia (formerly known as HTML5 <device>) to get data from a device camera, then copies it into HTML5 <canvas> in order to analyse the pixel data. It then peforms facial recognition in order to superimpose a marvellous … Continue reading

Elsewhere , , , , 2 Comments