HTML Barcode Scanner

window.addEventListener(‘load’, function() { barcode.config.start = 0.1; barcode.config.end = 0.9; = ‘#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 (GitHub) → Original repo was removed. Forked repos can be found below Did this help […]


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 posted, lolcommits now apparently supports recording video (yielding a gif) 🙂 lolcommits →

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 magical moustache. Special Opera Developer Build required. Magical getUserMedia moustache → Opera getUserMedia Labs Build […]