React Native

Ziggeo's React Native SDK is the ultimate video recording/playback SDK for React Native out there.

Ziggeo's React Native SDK is managed publicly on GitHub here.

A Demo application can be found on Github as well.

Automatic Installation

$ npm install react-native-ziggeo-library --save

Manual Installation

Android

1. Append the following lines to android/settings.gradle:

      include ':react-native-ziggeo-library'
      project(':react-native-ziggeo-library').projectDir = new File(rootProject.projectDir,     '../node_modules/react-native-ziggeo-library/android')
   

2. Open up android/build.gradle

   • Insert the following line inside the allprojects/repositories block:

     maven { url 'https://jitpack.io' }
     

3. Open up android/app/build.gradle

   • Update compileSdkVersion, buildToolsVersion, targetSdkVersion and all libs from com.android.support package to latest versions.
   • Insert the following line inside the dependencies block:

     compile project(':react-native-ziggeo-library')
     

4. Open up android/app/AndroidManifest.xml

   • Insert the following line inside the manifest block:

     xmlns:tools="http://schemas.android.com/tools"
     

   • Insert the following line inside the application block:

     tools:replace="android:name"
     

5. Open up android/app/src/main/java/[...]/MainActivity.java

   • Change extends ReactActivity to extends ReactFragmentActivity
   • Add import com.ziggeo.ZiggeoPackage; to the imports at the top of the file

6. Open up android/app/src/main/java/[...]/MainApplication.java

   • Add new ZiggeoPackage() to the list returned by the getPackages() method

Usage

import Ziggeo from 'react-native-ziggeo-library';

Recoder Sample

https://github.com/Ziggeo/ReactNativeDemo/blob/233de22ce4bd12e34c6c2d5bdb2dbaad80e63012/App.js#L18

Player Sample

https://github.com/Ziggeo/ReactNativeDemo/blob/233de22ce4bd12e34c6c2d5bdb2dbaad80e63012/App.js#L21

Extend Functionality

Need to brush up on React Native? See here:

Select tab Building Projects with Native Code to find:

1. Setting up React Native project for Windows / Mac / Linux
2. Setting up xCode
3. Setting up Android Studio

For more information on how to use natives modules via React Native, see here:

1. iOs
2. Android