marmelab / sketch-by-phone

A proof-of-concept of Augmented Reality with HTML5

Archived Repository This code is no longer maintained. Feel free to fork it, but use it at your own risks.

sketch-by-phone

A proof-of-concept of Augmented Reality with HTML5 using AR.js. Works only on Android for now.

Demo - Article

Installation

make install

Development

You'll need a sheet of paper with the hero image printed in the top left corner. You'll also need an external webcam connected to your computer.

make start

This will open the app in your browser. Allow it to use your webcam then point the camera to the hiro sign you printed.

sketch-by-phone's Issues

Failed to compile

Error message when run the "make start" under MacOS V10.12.5:

Failed to compile.

./src/index.js
Module not found: Can't resolve 'react-tap-event-plugin' in '/Users/huaping2/Downloads/sketch-by-phone-master/src'
^Cmake: *** [start] Interrupt: 2

How to support iOS?

As the AR.js examples on iOS, I am wondering how to make this project compatible?

Can access user media. May be it is an error about https

When I used Npm Start Command, and use my computer to be the server. My phone can access the page at http://192.168.1.115:3000 (for examle) by Chrome, but When I choose one drawing or use raw drawings, the page says 'Can access user media'. I searched it online, It may be about https, However, I cannot solve it, can you help?

'react-scripts start' fails on MacOS

see log file
npm-debug.log.txt

ar.min.js source?

Where did you get ar.min.js from? 😅

ios safari browser is not work!

ios safari browser is not work!

ios 12 safari not get video while safari in ios12 has supported webRTC

the sketch-by-phone examples can run and also show the tips ‘’want to access camera‘’ but when pick ok it can't get the camera video , but from jeromeetienne/AR.js examples it can work（ios12 iPhone6 Safari）. because in ios 11 safari has supported webRTC，so where is the problem?