README

This repo is a simple react-native example for anyone to:

• View Web based AR experiences inside a WebView
• Test JavaScript WebRTC / Camera access via getUserMedia inside a WebView
• Implement WebGL to native effects outside of a WebView e.g. fancy camera filters
• Implement Camera to native access/effects outside of a WebView e.g. take a photo to upload
• Implement Videos to native outside of a WebView e.g. Video Backgrounds for login

Keypoints

• Gradle 3.0
• Currently Android only (Until Apple allows getUserMedia access inside a WKWebView)
• Tested on a Samsung S7 Edge
• Pure android version here (https://github.com/marcusbelcher/android-getUserMedia-test)
• This projected originated from an ejected create-react-native-app (https://github.com/react-community/create-react-native-app)
• For each 3rd party there is a test view you can swap in App.js

The Application - as default - views another test application I have hosted on GitHub pages (https://github.com/marcusbelcher/wasm-asm-camera-webgl-test) for WebView tests.

Build

• Install Node.JS, NPM, and Yarn
• Install React Native and follow the 'Building Projects with Native Code' for Android instructions (https://facebook.github.io/react-native/docs/getting-started.html)
• In a terminal go to the directory where you checked this repo out, Yarn install
• Plugin an android phone
• In the terminal enter react-native start --reset-cache
• In another terminal enter react-native run-android

3rd Parties

• react
• react-native
• react-native-camera
• react-native-video
• react-native-webgl
• 'org.webrtc:google-webrtc:1.0.+'

Problems encountered

• Upgrading create-react-native-app from Gradle 2 to 3, there are still some warnings...
• Java 7 to 8
• Permission, Android, WebRTC issues from https://github.com/marcusbelcher/android-getUserMedia-test