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
- 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.
- 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
- react
- react-native
- react-native-camera
- react-native-video
- react-native-webgl
- 'org.webrtc:google-webrtc:1.0.+'
- 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