How You Can Build an HTML5 Photobooth App

If you want to experiment with some filters like this in real time with your webcam, I made a simple page to do this: <a href="http://mizzouacm.github.io/javascript-workshop/" rel="nofollow">http://mizzouacm.github.io/javascript-workshop/</a><p>You can fill in the filter function to see the effects in real time. You can also get screenshots by clicking the filtered video. It's pretty fun to see what interesting filters you can come up with.<p>I can't take credit for the idea; I got it from the wonderful Hackers At Berkeley workshop[1]. I am starting a similar club at my university and wanted to do the same kind of workshop. I rewrote the demo because I wanted it to be real time, and I also just wanted the fun of implementing it myself :)<p>[1] Blog about workshop: <a href="http://blog.hackersatberkeley.com/?p=97" rel="nofollow">http://blog.hackersatberkeley.com/?p=97</a> Demo: <a href="http://introjs.hackersatberkeley.com/" rel="nofollow">http://introjs.hackersatberkeley.com/</a>

I recently built a HTML5 Photobooth using WebGL. It was a lot of fun.<p>Warning: uses webcam and destroys graphics cards (I'm not doing much memory management and creating shaders on the fly)... <a href="http://davidwparker.com/graphics/miniphotobooth/" rel="nofollow">http://davidwparker.com/graphics/miniphotobooth/</a>

I've been thinking about doing a cheap and easy photobooth for my wedding next year. it sounds like this + a webcam + a raspberry pi like device could provide a cool way for guests to take photobooth pics, set filters and share them without having to spend more than 100 bucks in parts.

There's some other great examples of this done before: <a href="http://wolframhempel.github.io/photobooth-js/" rel="nofollow">http://wolframhempel.github.io/photobooth-js/</a>