This is framer.js version of facebook camera prototype that I created a while ago with origami(https://www.facebook.com/photo.php?v=398794546927367).
Note: It's chrome+desktop (works on mobile chrome though) only, and you have to allow camera access to see cameraview.
Dribbble : https://dribbble.com/shots/1643436-Facebook-Camera-with-Framer-jsyou can try yourself here: http://qcnoodling.com/fbmessenger.framer/
Holy crap. This is awesome!
I love this. Couldn't get it to work on mobile Chrome though.
Braden Hamm Argh my bad, it only works with android chrome.
this is crazy good!
amazing. i am thinking about something almost similar. Is this doable for short video shot (1min)? getUserMedia API?
Abdou Ghr haven't tried yet. my demo just draws an image from webcam to canvas. but if you can record a video with JS/HTML, I think it'll be totally doable. :-)
ok im going to try, thnks for inspiration :)
Hi Min-Sang Choi . Awesome post with using the camera. Can you let me know how to use the rear camera instead of the front, in a mobile app?
Min-Sang Choi how did you get the camera to work (i have android /chorme)?
Noam Elbaz I created custom layer by using html video tag. check this tutorial : http://davidwalsh.name/demo/camera.php
Min-Sang Choi thanks. I'll give it a try.
Min-Sang Choi can you please send me an updated url?
Dami Dina Hi, I think I lost the file as well. but I have similar example that might be helpful, please note this example is pretty outdated and might not work under the latest API (haven't tested) : https://www.dropbox.com/s/yxxzx0bz7v4mol2/rearcamera.framer.zip?dl=0 will try update this stuff when I have time :-)