feat: add LiveKitReactNative setup methods (#75)

* feat: add LiveKitReactNative setup methods

updated @lk/react-native-webrtc to 104.0.1

* chore: update github actions to ignore md files

* chore: update README.md

Author: davidliu

.github/workflows/native_build.yaml

@@ -2,8 +2,12 @@ name: Test
 on:
   push:
     branches: [ main ]
+    paths-ignore:
+      - '**.md'
   pull_request:
     branches: [ main ]
+    paths-ignore:
+      - '**.md'
 
 jobs:
   android-compile:

.github/workflows/test.yaml

@@ -2,8 +2,12 @@ name: Test
 on:
   push:
     branches: [ main ]
+    paths-ignore:
+      - '**.md'
   pull_request:
     branches: [ main ]
+    paths-ignore:
+      - '**.md'
 
 jobs:
   test:

README.md

@@ -38,21 +38,16 @@ Once the `@livekit/react-native-webrtc` dependency is installed, one last step i
 In your [MainApplication.java](https://github.com/livekit/client-sdk-react-native/blob/main/example/android/app/src/main/java/com/example/livekitreactnative/MainApplication.java) file:
 
 ```
-import com.livekit.reactnative.video.SimulcastVideoEncoderFactoryWrapper;
-import com.oney.WebRTCModule.WebRTCModuleOptions;
-import com.oney.WebRTCModule.webrtcutils.H264AndSoftwareVideoDecoderFactory;
-
-import org.webrtc.*;
+import com.livekit.reactnative.LiveKitReactNative;
 
 public class MainApplication extends Application implements ReactApplication {
 
   @Override
   public void onCreate() {
     // Place this above any other RN related initialization
-    WebRTCModuleOptions options = WebRTCModuleOptions.getInstance();
-    options.videoEncoderFactory = new SimulcastVideoEncoderFactoryWrapper(null, true, true);
-    options.videoDecoderFactory = new H264AndSoftwareVideoDecoderFactory(null);
-    // ...
+    LiveKitReactNative.setup();
+
+    //...
   }
 }
 ```
@@ -62,19 +57,15 @@ public class MainApplication extends Application implements ReactApplication {
 In your [AppDelegate.m](https://github.com/livekit/client-sdk-react-native/blob/main/example/ios/LivekitReactNativeExample/AppDelegate.mm) file:
 
 ```
-#import "WebRTCModule.h"
-#import "WebRTCModuleOptions.h"
+#import "LivekitReactNative.h"
 
 @implementation AppDelegate
 
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
   // Place this above any other RN related initialization
-  RTCDefaultVideoEncoderFactory *videoEncoderFactory = [[RTCDefaultVideoEncoderFactory alloc] init];
-  RTCVideoEncoderFactorySimulcast *simulcastVideoEncoderFactory = 
-          [[RTCVideoEncoderFactorySimulcast alloc] initWithPrimary:videoEncoderFactory fallback:videoEncoderFactory];
-  WebRTCModuleOptions *options = [WebRTCModuleOptions sharedInstance];
-  options.videoEncoderFactory = simulcastVideoEncoderFactory;
+  [LivekitReactNative setup];
+
   //...
 }
 ```

android/build.gradle

@@ -131,5 +131,6 @@ dependencies {
   implementation "org.jetbrains.kotlin:kotlin-stdlib:$kotlin_version"
   api 'com.github.davidliu:audioswitch:c498d866c57f1d88056d5e7e7a78d622e3b0c046'
   api 'io.github.webrtc-sdk:android:104.5112.09'
+  implementation project(':livekit_react-native-webrtc')
   implementation "androidx.annotation:annotation:1.4.0"
 }

android/src/main/java/com/livekit/reactnative/LiveKitReactNative.kt

@@ -0,0 +1,16 @@
+package com.livekit.reactnative
+
+import com.livekit.reactnative.video.SimulcastVideoEncoderFactoryWrapper
+import com.livekit.reactnative.video.WrappedVideoDecoderFactoryProxy
+import com.oney.WebRTCModule.WebRTCModuleOptions
+
+
+object LiveKitReactNative {
+
+    @JvmStatic
+    fun setup() {
+        val options = WebRTCModuleOptions.getInstance()
+        options.videoEncoderFactory = SimulcastVideoEncoderFactoryWrapper(null, true, true)
+        options.videoDecoderFactory = WrappedVideoDecoderFactoryProxy()
+    }
+}

android/src/main/java/com/livekit/reactnative/video/WrappedVideoDecoderFactoryProxy.kt

@@ -0,0 +1,19 @@
+package com.livekit.reactnative.video
+
+import com.oney.WebRTCModule.EglUtils
+import org.webrtc.VideoCodecInfo
+import org.webrtc.VideoDecoder
+import org.webrtc.VideoDecoderFactory
+import org.webrtc.WrappedVideoDecoderFactory
+
+class WrappedVideoDecoderFactoryProxy : VideoDecoderFactory {
+
+    private val factory by lazy { WrappedVideoDecoderFactory(EglUtils.getRootEglBaseContext()) }
+    override fun createDecoder(codecInfo: VideoCodecInfo): VideoDecoder? {
+        return factory.createDecoder(codecInfo)
+    }
+
+    override fun getSupportedCodecs(): Array<VideoCodecInfo> {
+        return factory.supportedCodecs
+    }
+}

ci/android/app/src/main/java/com/ci/MainApplication.java

@@ -8,6 +8,7 @@
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
 import com.facebook.react.defaults.DefaultReactNativeHost;
 import com.facebook.soloader.SoLoader;
+import com.livekit.reactnative.LiveKitReactNative;
 import java.util.List;
 
 public class MainApplication extends Application implements ReactApplication {
@@ -51,6 +52,7 @@ public ReactNativeHost getReactNativeHost() {
 
   @Override
   public void onCreate() {
+    LiveKitReactNative.setup();
     super.onCreate();
     SoLoader.init(this, /* native exopackage */ false);
     if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {

ci/ios/ci/AppDelegate.mm

@@ -1,11 +1,12 @@
 #import "AppDelegate.h"
-
+#import "LivekitReactNative.h"
 #import <React/RCTBundleURLProvider.h>
 
 @implementation AppDelegate
 
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
 {
+  [LivekitReactNative setup];
   self.moduleName = @"ci";
   // You can add your custom initial props in the dictionary below.
   // They will be passed down to the ViewController used by React Native.

ci/package.json

@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@livekit/react-native": "*",
-    "@livekit/react-native-webrtc": "^104.0.0",
+    "@livekit/react-native-webrtc": "^104.0.1",
     "react": "18.2.0",
     "react-native": "0.71.10"
   },

ci/yarn.lock

@@ -1506,7 +1506,7 @@
     "@jridgewell/resolve-uri" "3.1.0"
     "@jridgewell/sourcemap-codec" "1.4.14"
 
-"@livekit/react-native-webrtc@^104.0.0":
+"@livekit/react-native-webrtc@^104.0.1":
   version "104.0.1"
   resolved "https://registry.yarnpkg.com/@livekit/react-native-webrtc/-/react-native-webrtc-104.0.1.tgz#1ff7d2db984e9b00dbf29aabca0c1f037f845415"
   integrity sha512-mlp0gsOEOQAhAeWsTZpw+m+dcLLWXdrU5wndQ3AT8kLrIaMqgyNJw11ybpDIJNRaHVIL35oOJKYgnIllwBT4tw==