fix. negative number for android platform

refactor. setLiveTranscoding
improve api doc

CHANGELOG

@@ -1,5 +1,10 @@
 ## THE CHANGELOG
 
+#### 2.4.1-alpha.3
+- refactor setLiveTranscoding: rename ios & android native parameters. export enum for javascript/typescript api.
+- fix negative number case in android platform.
+- improve api doc.
+
 #### 2.4.1-alpha.2
 - deprecated `sendMessage` & `createDataStream` & `removeAllListeners` & `off`
 - refactor event system

android/src/main/java/com/syan/agora/AgoraModule.java

@@ -1927,6 +1927,19 @@ public class AgoraModule extends ReactContextBaseJavaModule {
         return type;
     }
 
+    public LiveTranscoding.AudioCodecProfileType getLiveTranscodingAudioCodecProfileEnum (int val) {
+        LiveTranscoding.AudioCodecProfileType type = LiveTranscoding.AudioCodecProfileType.LC_AAC;
+        switch (Integer.valueOf(val)) {
+            case 0:
+                type = LiveTranscoding.AudioCodecProfileType.LC_AAC;
+                break;
+            case 1:
+                type = LiveTranscoding.AudioCodecProfileType.HE_AAC;
+                break;
+        }
+        return type;
+    }
+
 
 
     @ReactMethod
@@ -1994,7 +2007,7 @@ public class AgoraModule extends ReactContextBaseJavaModule {
     @ReactMethod
     public void setLiveTranscoding(ReadableMap options, Promise promise) {
         LiveTranscoding transcoding = new LiveTranscoding();
-        if (options.hasKey("size") && null != options.getMap("size")) {
+        if (options.hasKey("size")) {
             ReadableMap size = options.getMap("size");
             transcoding.width = size.getInt("width");
             transcoding.height = size.getInt("height");
@@ -2014,64 +2027,61 @@ public class AgoraModule extends ReactContextBaseJavaModule {
         if (options.hasKey("videoCodecProfile")) {
             transcoding.videoCodecProfile = getLiveTranscodingVideoCodecProfileEnum(options.getInt("videoCodecProfile"));
         }
-        if (options.hasKey("transcodingUsers")) {
-            ArrayList<LiveTranscoding.TranscodingUser> users = new ArrayList<LiveTranscoding.TranscodingUser>();
-            ReadableArray transcodingUsers = options.getArray("transcodingUsers");
-            for (int i = 0; i < transcodingUsers.size(); i++) {
-                ReadableMap _map = transcodingUsers.getMap(i);
-                LiveTranscoding.TranscodingUser user = new LiveTranscoding.TranscodingUser();
-                user.uid = _map.getInt("uid");
-                ReadableMap backgroundColor = _map.getMap("backgroundColor");
-                user.x = backgroundColor.getInt("x");
-                user.y = backgroundColor.getInt("y");
-                user.width = backgroundColor.getInt("width");
-                user.height = backgroundColor.getInt("height");
-                user.zOrder = _map.getInt("zOrder");
-                user.alpha = _map.getInt("alpha");
-                user.audioChannel = _map.getInt("audioChannel");
-                users.add(user);
-            }
-            transcoding.setUsers(users);
+        if (options.hasKey("audioCodecProfile")) {
+            transcoding.audioCodecProfile = getLiveTranscodingAudioCodecProfileEnum(options.getInt("audioCodecProfile"));
         }
-        if (options.hasKey("transcodingExtraInfo")) {
-            transcoding.userConfigExtraInfo = options.getString("transcodingExtraInfo");
+        if (options.hasKey("audioSampleRate")) {
+            transcoding.audioSampleRate = getLiveTranscodingAudioSampleRateEnum(options.getInt("audioSampleRate"));
         }
         if (options.hasKey("watermark")) {
             ReadableMap watermark = options.getMap("watermark");
             WritableMap map = Arguments.createMap();
             map.putString("url", watermark.getString("url"));
-            map.putString("x", watermark.getString("x"));
-            map.putString("y", watermark.getString("y"));
-            map.putString("width", watermark.getString("width"));
-            map.putString("height", watermark.getString("height"));
+            map.putInt("x", watermark.getInt("x"));
+            map.putInt("y", watermark.getInt("y"));
+            map.putInt("width", watermark.getInt("width"));
+            map.putInt("height", watermark.getInt("height"));
             transcoding.watermark = createAgoraImage(map);
         }
         if (options.hasKey("backgroundImage")) {
-            ReadableMap watermark = options.getMap("backgroundImage");
+            ReadableMap image = options.getMap("backgroundImage");
             WritableMap map = Arguments.createMap();
-            map.putString("url", watermark.getString("url"));
-            map.putString("x", watermark.getString("x"));
-            map.putString("y", watermark.getString("y"));
-            map.putString("width", watermark.getString("width"));
-            map.putString("height", watermark.getString("height"));
+            map.putString("url", image.getString("url"));
+            map.putInt("x", image.getInt("x"));
+            map.putInt("y", image.getInt("y"));
+            map.putInt("width", image.getInt("width"));
+            map.putInt("height", image.getInt("height"));
             transcoding.backgroundImage = createAgoraImage(map);
         }
         if (options.hasKey("backgroundColor")) {
-            ReadableMap backgroundColor = options.getMap("backgroundColor");
-            transcoding.setBackgroundColor(
-                    backgroundColor.getInt("red"),
-                    backgroundColor.getInt("green"),
-                    backgroundColor.getInt("blue")
-            );
-        }
-        if (options.hasKey("audioSampleRate")) {
-            transcoding.audioSampleRate = getLiveTranscodingAudioSampleRateEnum(options.getInt("audioSampleRate"));
+            transcoding.setBackgroundColor(options.getInt("backgroundColor"));
         }
         if (options.hasKey("audioBitrate")) {
-            transcoding.audioChannels = options.getInt("audioBitrate");
+            transcoding.audioBitrate = options.getInt("audioBitrate");
         }
         if (options.hasKey("audioChannels")) {
-            transcoding.audioChannels = options.getInt("audioChannel");
+            transcoding.audioChannels = options.getInt("audioChannels");
+        }
+        if (options.hasKey("transcodingUsers")) {
+            ArrayList<LiveTranscoding.TranscodingUser> users = new ArrayList<LiveTranscoding.TranscodingUser>();
+            ReadableArray transcodingUsers = options.getArray("transcodingUsers");
+            for (int i = 0; i < transcodingUsers.size(); i++) {
+                ReadableMap optionUser = transcodingUsers.getMap(i);
+                LiveTranscoding.TranscodingUser user = new LiveTranscoding.TranscodingUser();
+                user.uid = optionUser.getInt("uid");
+                user.x = optionUser.getInt("x");
+                user.y = optionUser.getInt("y");
+                user.width = optionUser.getInt("width");
+                user.height = optionUser.getInt("height");
+                user.zOrder = optionUser.getInt("zOrder");
+                user.alpha = (float) optionUser.getDouble("alpha");
+                user.audioChannel = optionUser.getInt("audioChannel");
+                users.add(user);
+            }
+            transcoding.setUsers(users);
+        }
+        if (options.hasKey("transcodingExtraInfo")) {
+            transcoding.userConfigExtraInfo = options.getString("transcodingExtraInfo");
         }
         Integer res = AgoraManager.getInstance().mRtcEngine.setLiveTranscoding(transcoding);
         if (res == 0) {
@@ -2405,4 +2415,4 @@ public class AgoraModule extends ReactContextBaseJavaModule {
                 .getJSModule(DeviceEventManagerModule.RCTDeviceEventEmitter.class)
                 .emit(agoraEvtName.toString(), params);
     }
-}
+}

android/src/main/java/com/syan/agora/AgoraViewManager.java

@@ -50,7 +50,7 @@ public class AgoraViewManager extends SimpleViewManager<AgoraVideoView> {
     @ReactProp(name = "remoteUid")
     public void setRemoteUid(final AgoraVideoView agoraVideoView, final int remoteUid) {
         agoraVideoView.setRemoteUid(remoteUid);
-        if (remoteUid > 0) {
+        if (remoteUid != 0) {
             AgoraManager.getInstance().setupRemoteVideo(remoteUid, agoraVideoView.getRenderMode());
             surfaceView = AgoraManager.getInstance().getSurfaceView(remoteUid);
             surfaceView.setZOrderMediaOverlay(agoraVideoView.getZOrderMediaOverlay());

android/src/main/java/com/syan/agora/ConvertUtils.java

@@ -1,298 +0,0 @@
-package com.syan.agora;
-
-import android.support.annotation.Nullable;
-
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.ReadableMapKeySetIterator;
-import com.facebook.react.bridge.ReadableType;
-import com.facebook.react.bridge.WritableArray;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.bridge.WritableNativeArray;
-import com.facebook.react.bridge.WritableNativeMap;
-
-import org.json.JSONArray;
-import org.json.JSONException;
-import org.json.JSONObject;
-
-import java.util.ArrayList;
-import java.util.HashMap;
-import java.util.Iterator;
-import java.util.List;
-import java.util.Map;
-
-public class ConvertUtils {
-    public static Map<String, Object> readableMapToMap(final @Nullable ReadableMap readableMap) {
-        if (readableMap == null) {
-            return new HashMap<>();
-        }
-
-        final ReadableMapKeySetIterator iterator = readableMap.keySetIterator();
-        if (!iterator.hasNextKey()) {
-            return new HashMap<>();
-        }
-
-        final Map<String, Object> result = new HashMap<>();
-        while (iterator.hasNextKey()) {
-            final String key = iterator.nextKey();
-            result.put(key, toObject(readableMap, key));
-        }
-
-        return result;
-    }
-
-    public static Object toObject(@Nullable ReadableMap readableMap, String key) {
-        if (readableMap == null) {
-            return null;
-        }
-
-        Object result;
-
-        final ReadableType readableType = readableMap.getType(key);
-        switch (readableType) {
-            case Null:
-                result = key;
-                break;
-            case Boolean:
-                result = readableMap.getBoolean(key);
-                break;
-            case Number:
-                // Can be int or double.
-                double tmp = readableMap.getDouble(key);
-                if (tmp == (int) tmp) {
-                    result = (int) tmp;
-                } else {
-                    result = tmp;
-                }
-                break;
-            case String:
-                result = readableMap.getString(key);
-                break;
-            case Map:
-                result = readableMapToMap(readableMap.getMap(key));
-                break;
-            case Array:
-                result = readableArrayToList(readableMap.getArray(key));
-                break;
-            default:
-                throw new IllegalArgumentException("Could not convert object with key: " + key + ".");
-        }
-
-        return result;
-    }
-
-    /**
-     * toList converts a {@link ReadableArray} into an ArrayList.
-     *
-     * @param readableArray The ReadableArray to be conveted.
-     * @return An ArrayList containing the data that was in the ReadableArray.
-     */
-    public static List<Object> readableArrayToList(final @Nullable ReadableArray readableArray) {
-        if (readableArray == null) {
-            return null;
-        }
-
-        List<Object> result = new ArrayList<>(readableArray.size());
-        for (int index = 0; index < readableArray.size(); index++) {
-            final ReadableType readableType = readableArray.getType(index);
-            switch (readableType) {
-                case Null:
-                    result.add(String.valueOf(index));
-                    break;
-                case Boolean:
-                    result.add(readableArray.getBoolean(index));
-                    break;
-                case Number:
-                    // Can be int or double.
-                    double tmp = readableArray.getDouble(index);
-                    if (tmp == (int) tmp) {
-                        result.add((int) tmp);
-                    } else {
-                        result.add(tmp);
-                    }
-                    break;
-                case String:
-                    result.add(readableArray.getString(index));
-                    break;
-                case Map:
-                    result.add(readableMapToMap(readableArray.getMap(index)));
-                    break;
-                case Array:
-                    result = readableArrayToList(readableArray.getArray(index));
-                    break;
-                default:
-                    throw new IllegalArgumentException("Could not convert object with index: " + index + ".");
-            }
-        }
-
-        return result;
-    }
-
-    /**
-     * better
-     *
-     * @param jsonArray
-     * @return
-     * @throws JSONException
-     */
-    public static WritableArray jsonToReact(final JSONArray jsonArray) throws JSONException {
-        final WritableArray writableArray = Arguments.createArray();
-        for (int i = 0; i < jsonArray.length(); i++) {
-            final Object value = jsonArray.get(i);
-            if (value instanceof Float || value instanceof Double) {
-                writableArray.pushDouble(jsonArray.getDouble(i));
-            } else if (value instanceof Number) {
-                writableArray.pushInt(jsonArray.getInt(i));
-            } else if (value instanceof String) {
-                writableArray.pushString(jsonArray.getString(i));
-            } else if (value instanceof Boolean) {
-                writableArray.pushBoolean(jsonArray.getBoolean(i));
-            } else if (value instanceof JSONObject) {
-                writableArray.pushMap(jsonToReact(jsonArray.getJSONObject(i)));
-            } else if (value instanceof JSONArray) {
-                writableArray.pushArray(jsonToReact(jsonArray.getJSONArray(i)));
-            } else if (value == JSONObject.NULL) {
-                writableArray.pushNull();
-            }
-        }
-        return writableArray;
-    }
-
-    /**
-     * better
-     *
-     * @param jsonObject
-     * @return
-     * @throws JSONException
-     */
-    public static WritableMap jsonToReact(final JSONObject jsonObject) throws JSONException {
-        final WritableMap writableMap = Arguments.createMap();
-        final Iterator iterator = jsonObject.keys();
-        while (iterator.hasNext()) {
-            final String key = (String) iterator.next();
-            final Object value = jsonObject.get(key);
-            if (value instanceof Float || value instanceof Double) {
-                writableMap.putDouble(key, jsonObject.getDouble(key));
-            } else if (value instanceof Number) {
-                writableMap.putInt(key, jsonObject.getInt(key));
-            } else if (value instanceof String) {
-                writableMap.putString(key, jsonObject.getString(key));
-            } else if (value instanceof JSONObject) {
-                writableMap.putMap(key, jsonToReact(jsonObject.getJSONObject(key)));
-            } else if (value instanceof JSONArray) {
-                writableMap.putArray(key, jsonToReact(jsonObject.getJSONArray(key)));
-            } else if (value instanceof Boolean) {
-                writableMap.putBoolean(key, jsonObject.getBoolean(key));
-            } else if (value == JSONObject.NULL) {
-                writableMap.putNull(key);
-            }
-        }
-        return writableMap;
-    }
-
-    public static WritableMap convertJsonToMap(JSONObject jsonObject) throws JSONException {
-        WritableMap map = new WritableNativeMap();
-
-        Iterator<String> iterator = jsonObject.keys();
-        while (iterator.hasNext()) {
-            String key = iterator.next();
-            Object value = jsonObject.get(key);
-            if (value instanceof JSONObject) {
-                map.putMap(key, convertJsonToMap((JSONObject) value));
-            } else if (value instanceof JSONArray) {
-                map.putArray(key, convertJsonToArray((JSONArray) value));
-            } else if (value instanceof Boolean) {
-                map.putBoolean(key, (Boolean) value);
-            } else if (value instanceof Integer) {
-                map.putInt(key, (Integer) value);
-            } else if (value instanceof Double) {
-                map.putDouble(key, (Double) value);
-            } else if (value instanceof String) {
-                map.putString(key, (String) value);
-            } else {
-                map.putString(key, value.toString());
-            }
-        }
-        return map;
-    }
-
-    public static WritableArray convertJsonToArray(JSONArray jsonArray) throws JSONException {
-        WritableArray array = new WritableNativeArray();
-
-        for (int i = 0; i < jsonArray.length(); i++) {
-            Object value = jsonArray.get(i);
-            if (value instanceof JSONObject) {
-                array.pushMap(convertJsonToMap((JSONObject) value));
-            } else if (value instanceof JSONArray) {
-                array.pushArray(convertJsonToArray((JSONArray) value));
-            } else if (value instanceof Boolean) {
-                array.pushBoolean((Boolean) value);
-            } else if (value instanceof Integer) {
-                array.pushInt((Integer) value);
-            } else if (value instanceof Double) {
-                array.pushDouble((Double) value);
-            } else if (value instanceof String) {
-                array.pushString((String) value);
-            } else {
-                array.pushString(value.toString());
-            }
-        }
-        return array;
-    }
-
-    public static JSONObject convertMapToJson(ReadableMap readableMap) throws JSONException {
-        JSONObject object = new JSONObject();
-        ReadableMapKeySetIterator iterator = readableMap.keySetIterator();
-        while (iterator.hasNextKey()) {
-            String key = iterator.nextKey();
-            switch (readableMap.getType(key)) {
-                case Null:
-                    object.put(key, JSONObject.NULL);
-                    break;
-                case Boolean:
-                    object.put(key, readableMap.getBoolean(key));
-                    break;
-                case Number:
-                    object.put(key, readableMap.getDouble(key));
-                    break;
-                case String:
-                    object.put(key, readableMap.getString(key));
-                    break;
-                case Map:
-                    object.put(key, convertMapToJson(readableMap.getMap(key)));
-                    break;
-                case Array:
-                    object.put(key, convertArrayToJson(readableMap.getArray(key)));
-                    break;
-            }
-        }
-        return object;
-    }
-
-    public static JSONArray convertArrayToJson(ReadableArray readableArray) throws JSONException {
-        JSONArray array = new JSONArray();
-        for (int i = 0; i < readableArray.size(); i++) {
-            switch (readableArray.getType(i)) {
-                case Null:
-                    break;
-                case Boolean:
-                    array.put(readableArray.getBoolean(i));
-                    break;
-                case Number:
-                    array.put(readableArray.getDouble(i));
-                    break;
-                case String:
-                    array.put(readableArray.getString(i));
-                    break;
-                case Map:
-                    array.put(convertMapToJson(readableArray.getMap(i)));
-                    break;
-                case Array:
-                    array.put(convertArrayToJson(readableArray.getArray(i)));
-                    break;
-            }
-        }
-        return array;
-    }
-}

ios/RCTAgora/RCTAgora.m

@@ -47,21 +47,25 @@
   return toSend;
 }
 
-- (void)receiveMetadata:(NSData *_Nonnull)data fromUser:(NSInteger)uid atTimestamp:(NSTimeInterval)timestamp {
+- (void)receiveMetadata:(NSData *_Nonnull)data fromUser:(NSUInteger)uid atTimestamp:(NSTimeInterval)timestamp {
   NSString *dataStr = [[NSString alloc] initWithData:data encoding:NSUTF8StringEncoding];
   [self sendEvent:AGMediaMetaDataReceived params:@{
-                                               @"uid": @(uid),
-                                               @"data": dataStr,
-                                               @"ts": @(timestamp)
-                                               }];
+                                                   @"uid": @(uid),
+                                                   @"data": dataStr,
+                                                   @"ts": @(timestamp)
+                                                   }];
 }
 
 
 RCT_EXPORT_MODULE();
 
+- (UIColor *) UIColorFromRGB:(NSUInteger)rgbValue {
+  return [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue & 0xFF))/255.0 alpha:1.0];
+}
+
 - (AgoraImage *) makeAgoraImage:(NSDictionary *)options {
   AgoraImage *img = [AgoraImage new];
-  img.url = [NSURL URLWithString:[options[@"url"] stringValue]];
+  img.url = [NSURL URLWithString:options[@"url"]];
   
   img.rect = CGRectMake((CGFloat)[options[@"x"] floatValue],
                         (CGFloat)[options[@"y"] floatValue],
@@ -163,7 +167,7 @@ RCT_EXPORT_MODULE();
            @"ChannelProfileGame": @(AgoraChannelProfileGame),
            @"AudioMode": @(AgoraAudioMode),
            @"VideoMode": @(AgoraVideoMode),
-         };
+           };
 }
 
 // init
@@ -187,21 +191,21 @@ RCT_EXPORT_METHOD(init:(NSDictionary *)options) {
   });
   if ([options objectForKey:@"mode"]) {
     switch([options[@"mode"] integerValue]) {
-       case AgoraAudioMode: {
-         [self.rtcEngine enableLocalAudio:true];
-         [self.rtcEngine enableLocalVideo:false];
-         break;
-       }
-       case AgoraVideoMode: {
-         [self.rtcEngine enableLocalVideo:true];
-         [self.rtcEngine enableLocalAudio:false];
-         break;
-       }
+      case AgoraAudioMode: {
+        [self.rtcEngine enableLocalAudio:true];
+        [self.rtcEngine enableLocalVideo:false];
+        break;
+      }
+      case AgoraVideoMode: {
+        [self.rtcEngine enableLocalVideo:true];
+        [self.rtcEngine enableLocalAudio:false];
+        break;
+      }
     }
-   } else {
-     [self.rtcEngine enableLocalVideo:true];
-     [self.rtcEngine enableLocalAudio:true];
-   }
+  } else {
+    [self.rtcEngine enableLocalVideo:true];
+    [self.rtcEngine enableLocalAudio:true];
+  }
   
   if ([options objectForKey:@"beauty"]) {
     AgoraBeautyOptions *beautyOption = [[AgoraBeautyOptions alloc] init];
@@ -209,7 +213,7 @@ RCT_EXPORT_METHOD(init:(NSDictionary *)options) {
     beautyOption.lighteningLevel = [options[@"beauty"][@"lighteningLevel"] floatValue];
     beautyOption.smoothnessLevel = [options[@"beauty"][@"smoothnessLevel"] floatValue];
     beautyOption.rednessLevel = [options[@"beauty"][@"rednessLevel"] floatValue];
-      [self.rtcEngine setBeautyEffectOptions:true options:beautyOption];
+    [self.rtcEngine setBeautyEffectOptions:true options:beautyOption];
   }
   if ([options objectForKey:@"voice"]) {
     NSInteger voiceValue = [options[@"voice"][@"value"] integerValue];
@@ -221,22 +225,22 @@ RCT_EXPORT_METHOD(init:(NSDictionary *)options) {
       [self.rtcEngine setLocalVoiceReverbPreset:(AgoraAudioReverbPreset)voiceValue];
     }
   }
-   if (options[@"secret"] != nil) {
-     [self.rtcEngine setEncryptionSecret:[options[@"secret"] stringValue]];
-     if (options[@"secretMode"] != nil) {
-       [self.rtcEngine setEncryptionMode:[options[@"secretMode"] stringValue]];
-     }
-   }
-     
-   AgoraVideoEncoderConfiguration *video_encoder_config = [[AgoraVideoEncoderConfiguration new] initWithWidth:[options[@"videoEncoderConfig"][@"width"] integerValue] height:[options[@"videoEncoderConfig"][@"height"] integerValue] frameRate:[options[@"videoEncoderConfig"][@"frameRate"] integerValue] bitrate:[options[@"videoEncoderConfig"][@"bitrate"] integerValue] orientationMode: (AgoraVideoOutputOrientationMode)[options[@"videoEncoderConfig"][@"orientationMode"] integerValue]];
-   [self.rtcEngine setVideoEncoderConfiguration:video_encoder_config];
-   [self.rtcEngine setClientRole:(AgoraClientRole)[options[@"clientRole"] integerValue]];
-   [self.rtcEngine setAudioProfile:(AgoraAudioProfile)[options[@"audioProfile"] integerValue]
-                          scenario:(AgoraAudioScenario)[options[@"audioScenario"] integerValue]];
-     
-     //Enable Agora Native SDK be Interoperable with Agora Web SDK
-   [self.rtcEngine enableWebSdkInteroperability:YES];
- }
+  if (options[@"secret"] != nil) {
+    [self.rtcEngine setEncryptionSecret:[options[@"secret"] stringValue]];
+    if (options[@"secretMode"] != nil) {
+      [self.rtcEngine setEncryptionMode:[options[@"secretMode"] stringValue]];
+    }
+  }
+  
+  AgoraVideoEncoderConfiguration *video_encoder_config = [[AgoraVideoEncoderConfiguration new] initWithWidth:[options[@"videoEncoderConfig"][@"width"] integerValue] height:[options[@"videoEncoderConfig"][@"height"] integerValue] frameRate:[options[@"videoEncoderConfig"][@"frameRate"] integerValue] bitrate:[options[@"videoEncoderConfig"][@"bitrate"] integerValue] orientationMode: (AgoraVideoOutputOrientationMode)[options[@"videoEncoderConfig"][@"orientationMode"] integerValue]];
+  [self.rtcEngine setVideoEncoderConfiguration:video_encoder_config];
+  [self.rtcEngine setClientRole:(AgoraClientRole)[options[@"clientRole"] integerValue]];
+  [self.rtcEngine setAudioProfile:(AgoraAudioProfile)[options[@"audioProfile"] integerValue]
+                         scenario:(AgoraAudioScenario)[options[@"audioScenario"] integerValue]];
+  
+  //Enable Agora Native SDK be Interoperable with Agora Web SDK
+  [self.rtcEngine enableWebSdkInteroperability:YES];
+}
 
 // renew token
 RCT_EXPORT_METHOD(renewToken
@@ -286,7 +290,7 @@ RCT_EXPORT_METHOD(setClientRole:(NSInteger)role
 RCT_EXPORT_METHOD(joinChannel:(NSDictionary *)options
                   resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
-  [AgoraConst share].localUid = [options[@"uid"] integerValue];
+  [AgoraConst share].localUid = (NSUInteger)[options[@"uid"] integerValue];
   NSInteger res = [self.rtcEngine joinChannelByToken:options[@"token"] channelId:options[@"channelName"] info:options[@"info"] uid:[AgoraConst share].localUid joinSuccess:nil];
   if (res == 0) {
     resolve(nil);
@@ -301,19 +305,19 @@ RCT_EXPORT_METHOD(leaveChannel
                   reject:(RCTPromiseRejectBlock) reject) {
   NSInteger res = [self.rtcEngine leaveChannel:^(AgoraChannelStats * _Nonnull stat) {
     [self sendEvent:AGLeaveChannel params:@{
-                                             @"message": @"leaveChannel",
-                                             @"duration": @(stat.duration),
-                                             @"txBytes": @(stat.txBytes),
-                                             @"rxBytes": @(stat.rxBytes),
-                                             @"txAudioKBitrate": @(stat.txAudioKBitrate),
-                                             @"rxAudioKBitrate": @(stat.rxAudioKBitrate),
-                                             @"txVideoKBitrate": @(stat.txVideoKBitrate),
-                                             @"rxVideoKBitrate": @(stat.rxVideoKBitrate),
-                                             @"lastmileDelay": @(stat.lastmileDelay),
-                                             @"userCount": @(stat.userCount),
-                                             @"cpuAppUsage": @(stat.cpuAppUsage),
-                                             @"cpuTotalUsage": @(stat.cpuTotalUsage)
-                                             }];
+                                            @"message": @"leaveChannel",
+                                            @"duration": @(stat.duration),
+                                            @"txBytes": @(stat.txBytes),
+                                            @"rxBytes": @(stat.rxBytes),
+                                            @"txAudioKBitrate": @(stat.txAudioKBitrate),
+                                            @"rxAudioKBitrate": @(stat.rxAudioKBitrate),
+                                            @"txVideoKBitrate": @(stat.txVideoKBitrate),
+                                            @"rxVideoKBitrate": @(stat.rxVideoKBitrate),
+                                            @"lastmileDelay": @(stat.lastmileDelay),
+                                            @"userCount": @(stat.userCount),
+                                            @"cpuAppUsage": @(stat.cpuAppUsage),
+                                            @"cpuTotalUsage": @(stat.cpuTotalUsage)
+                                            }];
   }];
   if (res == 0) {
     resolve(nil);
@@ -341,7 +345,7 @@ RCT_EXPORT_METHOD(setLocalRenderMode:(NSInteger) mode
 }
 
 // set remote video render mode
-RCT_EXPORT_METHOD(setRemoteRenderMode:(NSInteger) uid
+RCT_EXPORT_METHOD(setRemoteRenderMode:(NSUInteger) uid
                   mode:(NSInteger) mode
                   resolve:(RCTPromiseResolveBlock) resolve
                   reject:(RCTPromiseRejectBlock) reject) {
@@ -597,8 +601,8 @@ RCT_EXPORT_METHOD(adjustPlaybackSignalVolume: (NSInteger) volume
 
 // enable audio volume indication
 RCT_EXPORT_METHOD(enableAudioVolumeIndication: (NSInteger) interval smooth:(NSInteger)smooth
-    resolve:(RCTPromiseResolveBlock)resolve
-    reject:(RCTPromiseRejectBlock)reject) {
+                  resolve:(RCTPromiseResolveBlock)resolve
+                  reject:(RCTPromiseRejectBlock)reject) {
   NSInteger res = [self.rtcEngine enableAudioVolumeIndication:interval smooth:smooth];
   if (res == 0) {
     resolve(nil);
@@ -678,9 +682,9 @@ RCT_EXPORT_METHOD(startAudioMixing:(NSDictionary *) options
                   resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
   NSInteger res = [self.rtcEngine startAudioMixing:[options[@"filepath"] stringValue]
-                          loopback:[options[@"loopback"] boolValue]
-                           replace:[options[@"replace"] boolValue]
-                             cycle:[options[@"cycle"] integerValue]];
+                                          loopback:[options[@"loopback"] boolValue]
+                                           replace:[options[@"replace"] boolValue]
+                                             cycle:[options[@"cycle"] integerValue]];
   if (res == 0) {
     resolve(nil);
   } else {
@@ -1259,7 +1263,7 @@ RCT_EXPORT_METHOD(getCameraInfo
                 @"focusPositionInPreview": @([self.rtcEngine isCameraFocusPositionInPreviewSupported]),
                 @"exposurePosition": @([self.rtcEngine isCameraExposurePositionSupported]),
                 @"autoFocusFaceMode": @([self.rtcEngine isCameraAutoFocusFaceModeSupported])
-            }
+                }
             });
 }
 
@@ -1387,44 +1391,31 @@ RCT_EXPORT_METHOD(setLiveTranscoding:(NSDictionary *)options
                   resolve:(RCTPromiseResolveBlock) resolve
                   reject:(RCTPromiseRejectBlock) reject) {
   AgoraLiveTranscoding *transcoding = AgoraLiveTranscoding.defaultTranscoding;
-  if (options[@"size"] != nil) {
+  if ([options objectForKey:@"size"]) {
     transcoding.size = CGSizeMake([options[@"size"][@"width"] doubleValue], [options[@"size"][@"height"] doubleValue]);
   }
-  if (options[@"videoBitrate"] != nil) {
+  if ([options objectForKey:@"videoBitrate"]) {
     transcoding.videoBitrate = [options[@"videoBitrate"] integerValue];
   }
-  if (options[@"videoFramerate"] != nil) {
+  if ([options objectForKey:@"videoFramerate"]) {
     transcoding.videoFramerate = [options[@"videoFramerate"] integerValue];
   }
-  if (options[@"lowLatency"] != nil) {
+  if ([options objectForKey:@"lowLatancy"]) {
     transcoding.lowLatency = [options[@"lowLatancy"] boolValue];
   }
-  if (options[@"videoGop"] != nil) {
+  if ([options objectForKey:@"videoGop"]) {
     transcoding.videoGop = [options[@"videoGop"] integerValue];
   }
-  if (options[@"videoCodecProfile"] != nil) {
+  if ([options objectForKey:@"videoCodecProfile"]) {
     transcoding.videoCodecProfile = (AgoraVideoCodecProfileType)[options[@"videoCodecProfile"] integerValue];
   }
-  if (options[@"audioCodecProfile"] != nil) {
+  if ([options objectForKey:@"audioCodecProfile"]) {
     transcoding.audioCodecProfile = (AgoraAudioCodecProfileType)[options[@"audioCodecProfile"] integerValue];
   }
-  if (options[@"transcodingUsers"] != nil) {
-    NSMutableArray<AgoraLiveTranscodingUser*> *transcodingUsers = [NSMutableArray new];
-    for (NSDictionary *optionUser in options[@"users"]) {
-      AgoraLiveTranscodingUser *liveUser = [AgoraLiveTranscodingUser new];
-      liveUser.uid = (NSUInteger)[optionUser[@"uid"] integerValue];
-      liveUser.rect = CGRectMake((CGFloat)[options[@"backgroundColor"][@"x"] floatValue], (CGFloat)[options[@"backgroundColor"][@"y"] floatValue], (CGFloat)[options[@"backgroundColor"][@"width"] floatValue], (CGFloat)[options[@"backgroundColor"][@"height"] floatValue]);
-      liveUser.zOrder = [optionUser[@"zOrder"] integerValue];
-      liveUser.alpha = [optionUser[@"alpha"] doubleValue];
-      liveUser.audioChannel = [optionUser[@"audioChannel"] integerValue];
-      [transcodingUsers addObject:liveUser];
-    }
-    transcoding.transcodingUsers = transcodingUsers;
-  }
-  if (options[@"transcodingExtraInfo"] != nil) {
-    transcoding.transcodingExtraInfo = [options[@"transcodingExtraInfo"] stringValue];
+  if ([options objectForKey:@"audioSampleRate"]) {
+    transcoding.audioSampleRate = (AgoraAudioSampleRateType)[options[@"audioSampleRate"] integerValue];
   }
-  if (options[@"watermark"] != nil) {
+  if ([options objectForKey:@"watermark"]) {
     transcoding.watermark = [self makeAgoraImage:@{
                                                    @"url": options[@"watermark"][@"url"],
                                                    @"x": options[@"watermark"][@"x"],
@@ -1433,7 +1424,7 @@ RCT_EXPORT_METHOD(setLiveTranscoding:(NSDictionary *)options
                                                    @"height": options[@"watermark"][@"height"]
                                                    }];
   }
-  if (options[@"backgroundImage"] != nil) {
+  if ([options objectForKey:@"backgroundImage"]) {
     transcoding.backgroundImage = [self makeAgoraImage:@{
                                                          @"url": options[@"backgroundImage"][@"url"],
                                                          @"x": options[@"backgroundImage"][@"x"],
@@ -1442,19 +1433,39 @@ RCT_EXPORT_METHOD(setLiveTranscoding:(NSDictionary *)options
                                                          @"height": options[@"backgroundImage"][@"height"]
                                                          }];
   }
-  if (options[@"backgroundColor"] != nil) {
-    transcoding.backgroundColor = [[UIColor new] initWithRed:(CGFloat)[options[@"backgroundColor"][@"red"] floatValue] green:(CGFloat)[options[@"backgroundColor"][@"green"] floatValue] blue:(CGFloat)[options[@"backgroundColor"][@"blue"] floatValue] alpha:(CGFloat)[options[@"backgroundColor"][@"alpha"] floatValue]];
-  }
-  if (options[@"audioSampleRate"] != nil) {
-    transcoding.audioSampleRate = (AgoraAudioSampleRateType)[options[@"audioSampleRate"] integerValue];
+  
+  if ([options objectForKey:@"backgroundColor"]) {
+    transcoding.backgroundColor = [self UIColorFromRGB:(NSUInteger)[options[@"backgroundColor"] integerValue]];
   }
-  if (options[@"audioBitrate"] != nil) {
+  
+  if ([options objectForKey:@"audioBitrate"]) {
     transcoding.audioBitrate = [options[@"audioBitrate"] integerValue];
   }
-  if (options[@"audioChannels"] != nil) {
+  
+  if ([options objectForKey:@"audioChannels"]) {
     transcoding.audioChannels = [options[@"audioChannels"] integerValue];
   }
   
+  if ([options objectForKey:@"transcodingUsers"]) {
+    NSMutableArray<AgoraLiveTranscodingUser*> *transcodingUsers = [NSMutableArray new];
+    for (NSDictionary *optionUser in options[@"transcodingUsers"]) {
+      AgoraLiveTranscodingUser *liveUser = [AgoraLiveTranscodingUser new];
+      liveUser.uid = (NSUInteger)[optionUser[@"uid"] integerValue];
+      liveUser.rect = CGRectMake((CGFloat)[optionUser[@"x"] floatValue],
+                                 (CGFloat)[optionUser[@"y"] floatValue],
+                                 (CGFloat)[optionUser[@"width"] floatValue],
+                                 (CGFloat)[optionUser[@"height"] floatValue]);
+      liveUser.zOrder = [optionUser[@"zOrder"] integerValue];
+      liveUser.alpha = [optionUser[@"alpha"] doubleValue];
+      liveUser.audioChannel = [optionUser[@"audioChannel"] integerValue];
+      [transcodingUsers addObject:liveUser];
+    }
+    transcoding.transcodingUsers = transcodingUsers;
+  }
+  if ([options objectForKey:@"transcodingExtraInfo"]) {
+    transcoding.transcodingExtraInfo = [options[@"transcodingExtraInfo"] stringValue];
+  }
+  
   NSInteger res = [self.rtcEngine setLiveTranscoding:transcoding];
   if (res == 0) {
     resolve(nil);
@@ -1508,7 +1519,7 @@ RCT_EXPORT_METHOD(enableSoundPositionIndication:(bool) enabled
   }
 }
 
-RCT_EXPORT_METHOD(setRemoteVoicePosition:(NSInteger) uid
+RCT_EXPORT_METHOD(setRemoteVoicePosition:(NSUInteger) uid
                   pan:(float)pan
                   gain:(float)gain
                   resolve:(RCTPromiseResolveBlock)resolve
@@ -1529,7 +1540,7 @@ RCT_EXPORT_METHOD(startLastmileProbeTest:(NSDictionary*)config
   probeConfig.probeDownlink = [config[@"probeDownlink"] boolValue];
   probeConfig.expectedUplinkBitrate = [config[@"expectedUplinkBitrate"] integerValue];
   probeConfig.expectedDownlinkBitrate = [config[@"expectedDownlinkBitrate"] integerValue];
-
+  
   NSInteger res = [self.rtcEngine startLastmileProbeTest:probeConfig];
   if (res == 0) {
     resolve(nil);
@@ -1543,7 +1554,7 @@ RCT_EXPORT_METHOD(setRemoteUserPriority:(NSUInteger)uid
                   userPriority:(NSInteger)userPriority
                   resolve:(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
- 
+  
   NSInteger res = [self.rtcEngine setRemoteUserPriority:uid type:(AgoraUserPriority)userPriority];
   if (res == 0) {
     resolve(nil);
@@ -1602,8 +1613,8 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
                   :(RCTPromiseResolveBlock)resolve
                   reject:(RCTPromiseRejectBlock)reject) {
   if (YES == [_rtcEngine setMediaMetadataDataSource:self withType:AgoraMetadataTypeVideo] &&
-    YES == [_rtcEngine setMediaMetadataDelegate:self withType:AgoraMetadataTypeVideo]
-    ) {
+      YES == [_rtcEngine setMediaMetadataDelegate:self withType:AgoraMetadataTypeVideo]
+      ) {
     resolve(nil);
   } else {
     reject(@(-1).stringValue, @(-1).stringValue, nil);
@@ -1642,72 +1653,72 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didApiCallExecute:(NSInteger)error api:(NSString *_Nonnull)api result:(NSString *_Nonnull)result {
   if (error != 0) {
     [self sendEvent:AGError  params:@{
-                                            @"api": api,
-                                            @"result": result,
-                                            @"error": @(error)
-                                            }];
+                                      @"api": api,
+                                      @"result": result,
+                                      @"error": @(error)
+                                      }];
   } else {
     [self sendEvent:AGApiCallExecute  params:@{
-                                            @"api": api,
-                                            @"result": result,
-                                            @"error": @(error)
-                                            }];
+                                               @"api": api,
+                                               @"result": result,
+                                               @"error": @(error)
+                                               }];
   }
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didJoinChannel:(NSString *_Nonnull)channel withUid:(NSUInteger)uid elapsed:(NSInteger)elapsed {
   [self sendEvent:AGJoinChannelSuccess params:@{
-                                          @"channel": channel,
-                                          @"uid": @(uid),
-                                          @"elapsed": @(elapsed)
-                                          }];
+                                                @"channel": channel,
+                                                @"uid": @(uid),
+                                                @"elapsed": @(elapsed)
+                                                }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didRejoinChannel:(NSString *_Nonnull)channel withUid:(NSUInteger)uid elapsed:(NSInteger)elapsed {
   [self sendEvent:AGRejoinChannelSuccess params:@{
-                                            @"channel": channel,
-                                            @"uid": @(uid),
-                                            @"elapsed": @(elapsed)
-                                            }];
+                                                  @"channel": channel,
+                                                  @"uid": @(uid),
+                                                  @"elapsed": @(elapsed)
+                                                  }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didLeaveChannelWithStats:(AgoraChannelStats *_Nonnull)stats {
   [self sendEvent:AGLeaveChannel params:@{
-                                           @"stats": @{
-                                               @"duration": @(stats.duration),
-                                               @"txBytes": @(stats.txBytes),
-                                               @"rxBytes": @(stats.rxBytes),
-                                               @"txAudioKBitrate": @(stats.txAudioKBitrate),
-                                               @"rxAudioKBitrate": @(stats.rxVideoKBitrate),
-                                               @"txVideoKBitrate": @(stats.txVideoKBitrate),
-                                               @"rxVideoKBitrate": @(stats.rxVideoKBitrate),
-                                               @"lastmileDelay": @(stats.lastmileDelay),
-                                               @"userCount": @(stats.userCount),
-                                               @"cpuAppUsage": @(stats.cpuAppUsage),
-                                               @"cpuTotalUsage": @(stats.cpuTotalUsage)
-                                               }
-                                           }];
+                                          @"stats": @{
+                                              @"duration": @(stats.duration),
+                                              @"txBytes": @(stats.txBytes),
+                                              @"rxBytes": @(stats.rxBytes),
+                                              @"txAudioKBitrate": @(stats.txAudioKBitrate),
+                                              @"rxAudioKBitrate": @(stats.rxVideoKBitrate),
+                                              @"txVideoKBitrate": @(stats.txVideoKBitrate),
+                                              @"rxVideoKBitrate": @(stats.rxVideoKBitrate),
+                                              @"lastmileDelay": @(stats.lastmileDelay),
+                                              @"userCount": @(stats.userCount),
+                                              @"cpuAppUsage": @(stats.cpuAppUsage),
+                                              @"cpuTotalUsage": @(stats.cpuTotalUsage)
+                                              }
+                                          }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didClientRoleChanged:(AgoraClientRole)oldRole newRole:(AgoraClientRole)newRole {
   [self sendEvent:AGClientRoleChanged params:@{
-                                                @"oldRole": @(oldRole),
-                                                @"newRole": @(newRole)
-                                                }];
+                                               @"oldRole": @(oldRole),
+                                               @"newRole": @(newRole)
+                                               }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didJoinedOfUid:(NSUInteger)uid elapsed:(NSInteger)elapsed {
   [self sendEvent:AGUserJoined params:@{
-                                          @"uid": @(uid),
-                                          @"elapsed": @(elapsed)
-                                          }];
+                                        @"uid": @(uid),
+                                        @"elapsed": @(elapsed)
+                                        }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didOfflineOfUid:(NSUInteger)uid reason:(AgoraUserOfflineReason)reason {
   [self sendEvent:AGUserOffline params:@{
-                                           @"uid": @(uid),
-                                           @"reason": @(reason)
-                                           }];
+                                         @"uid": @(uid),
+                                         @"reason": @(reason)
+                                         }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine networkTypeChangedToType:(AgoraNetworkType)type {
@@ -1725,26 +1736,26 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
 
 - (void)rtcEngineConnectionDidLost:(AgoraRtcEngineKit *_Nonnull)engine {
   [self sendEvent:AGConnectionLost params:@{
-                                             @"message": @"connectionLost"
-                                             }];
+                                            @"message": @"connectionLost"
+                                            }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine tokenPrivilegeWillExpire:(NSString *_Nonnull)token {
   [self sendEvent:AGTokenPrivilegeWillExpire params:@{
-                                                    @"token": token
-                                                    }];
+                                                      @"token": token
+                                                      }];
 }
 
 - (void)rtcEngineRequestToken:(AgoraRtcEngineKit *_Nonnull)engine {
   [self sendEvent:AGRequestToken params:@{
-                                        @"message": @"RequestToken"
-                                        }];
+                                          @"message": @"RequestToken"
+                                          }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didMicrophoneEnabled:(BOOL)enabled {
   [self sendEvent:AGMicrophoneEnabled params:@{
-                                                @"enabled": @(enabled)
-                                                }];
+                                               @"enabled": @(enabled)
+                                               }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine reportAudioVolumeIndicationOfSpeakers:(NSArray<AgoraRtcAudioVolumeInfo*> *_Nonnull)speakers totalVolume:(NSInteger)totalVolume {
@@ -1756,28 +1767,28 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
                         }];
   }
   [self sendEvent:AGAudioVolumeIndication params:@{
-                                                                 @"speakers": result,
-                                                                 @"totalVolume": @(totalVolume)
-                                                                 }];
+                                                   @"speakers": result,
+                                                   @"totalVolume": @(totalVolume)
+                                                   }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine activeSpeaker:(NSUInteger)speakerUid {
   [self sendEvent:AGActiveSpeaker params:@{
-                                         @"uid": @(speakerUid)
-                                         }];
+                                           @"uid": @(speakerUid)
+                                           }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine firstLocalAudioFrame:(NSInteger)elapsed {
   [self sendEvent:AGFirstLocalAudioFrame params:@{
-                                                @"elapsed": @(elapsed)
-                                                }];
+                                                  @"elapsed": @(elapsed)
+                                                  }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine firstRemoteAudioFrameOfUid:(NSUInteger)uid elapsed:(NSInteger)elapsed {
   [self sendEvent:AGFirstRemoteAudioFrame params:@{
-                                                      @"uid": @(uid),
-                                                      @"elapsed": @(elapsed)
-                                                      }];
+                                                   @"uid": @(uid),
+                                                   @"elapsed": @(elapsed)
+                                                   }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine firstRemoteAudioFrameDecodedOfUid:(NSUInteger)uid elapsed:(NSInteger)elapsed {
@@ -1789,217 +1800,217 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine firstLocalVideoFrameWithSize:(CGSize)size elapsed:(NSInteger)elapsed {
   [self sendEvent:AGFirstLocalVideoFrame params:@{
-                                                        @"width": @(size.width),
-                                                        @"height": @(size.height),
-                                                        @"elapsed": @(elapsed)
-                                                        }];
+                                                  @"width": @(size.width),
+                                                  @"height": @(size.height),
+                                                  @"elapsed": @(elapsed)
+                                                  }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine firstRemoteVideoDecodedOfUid:(NSUInteger)uid size:(CGSize)size elapsed:(NSInteger)elapsed {
   [self sendEvent:AGFirstRemoteVideoDecoded params:@{
-                                                        @"uid": @(uid),
-                                                        @"width": @(size.width),
-                                                        @"height": @(size.height),
-                                                        @"elapsed": @(elapsed)
-                                                        }];
+                                                     @"uid": @(uid),
+                                                     @"width": @(size.width),
+                                                     @"height": @(size.height),
+                                                     @"elapsed": @(elapsed)
+                                                     }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine firstRemoteVideoFrameOfUid:(NSUInteger)uid size:(CGSize)size elapsed:(NSInteger)elapsed {
   [self sendEvent:AGFirstRemoteVideoFrame params:@{
-                                                      @"uid": @(uid),
-                                                      @"width": @(size.width),
-                                                      @"height": @(size.height),
-                                                      @"elapsed": @(elapsed)}];
+                                                   @"uid": @(uid),
+                                                   @"width": @(size.width),
+                                                   @"height": @(size.height),
+                                                   @"elapsed": @(elapsed)}];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didAudioMuted:(BOOL)muted byUid:(NSUInteger)uid {
   [self sendEvent:AGUserMuteAudio params:@{
-                                         @"muted": @(muted),
-                                         @"uid": @(uid)
-                                         }];
+                                           @"muted": @(muted),
+                                           @"uid": @(uid)
+                                           }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didVideoMuted:(BOOL)muted byUid:(NSUInteger)uid {
   [self sendEvent:AGUserMuteVideo params:@{
-                                         @"muted": @(muted),
-                                         @"uid": @(uid)
-                                         }];
+                                           @"muted": @(muted),
+                                           @"uid": @(uid)
+                                           }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didVideoEnabled:(BOOL)enabled byUid:(NSUInteger)uid {
   [self sendEvent:AGUserEnableVideo params:@{
-                                           @"enabled": @(enabled),
-                                           @"uid": @(uid)
-                                           }];
+                                             @"enabled": @(enabled),
+                                             @"uid": @(uid)
+                                             }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didLocalVideoEnabled:(BOOL)enabled byUid:(NSUInteger)uid {
   [self sendEvent:AGUserEnableLocalVideo params:@{
-                                                @"enabled": @(enabled),
-                                                @"uid": @(uid)
-                                                }];
+                                                  @"enabled": @(enabled),
+                                                  @"uid": @(uid)
+                                                  }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine videoSizeChangedOfUid:(NSUInteger)uid size:(CGSize)size rotation:(NSInteger)rotation {
   [self sendEvent:AGVideoSizeChanged params:@{
-                                                 @"uid": @(uid),
-                                                 @"width": @(size.width),
-                                                 @"height": @(size.height),
-                                                 @"rotation": @(rotation)
-                                                 }];
+                                              @"uid": @(uid),
+                                              @"width": @(size.width),
+                                              @"height": @(size.height),
+                                              @"rotation": @(rotation)
+                                              }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine remoteVideoStateChangedOfUid:(NSUInteger)uid state:(AgoraVideoRemoteState)state {
   [self sendEvent:AGRemoteVideoStateChanged params:@{
-                                                        @"uid": @(uid),
-                                                        @"state": @(state)
-                                                        }];
+                                                     @"uid": @(uid),
+                                                     @"state": @(state)
+                                                     }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didLocalPublishFallbackToAudioOnly:(BOOL)isFallbackOrRecover {
   [self sendEvent:AGLocalPublishFallbackToAudioOnly params:@{
-                                                              @"isFallbackOrRecover": @(isFallbackOrRecover)
-                                                              }];
+                                                             @"isFallbackOrRecover": @(isFallbackOrRecover)
+                                                             }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didRemoteSubscribeFallbackToAudioOnly:(BOOL)isFallbackOrRecover byUid:(NSUInteger)uid {
   [self sendEvent:AGRemoteSubscribeFallbackToAudioOnly params:@{
-                                                                 @"isFallbackOrRecover": @(isFallbackOrRecover),
-                                                                 @"uid": @(uid)
-                                                                 }];
+                                                                @"isFallbackOrRecover": @(isFallbackOrRecover),
+                                                                @"uid": @(uid)
+                                                                }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didAudioRouteChanged:(AgoraAudioOutputRouting)routing {
   [self sendEvent:AGAudioRouteChanged params:@{
-                                                @"routing": @(routing)
-                                                }];
+                                               @"routing": @(routing)
+                                               }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine cameraFocusDidChangedToRect:(CGRect)rect {
   [self sendEvent:AGCameraFocusAreaChanged params:@{
-                                                       @"rect": @(rect)
-                                                       }];
+                                                    @"rect": @(rect)
+                                                    }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine cameraExposureDidChangedToRect:(CGRect)rect {
   [self sendEvent:AGCameraExposureAreaChanged params:@{
-                                                          @"rect": @(rect)
-                                                          }];
+                                                       @"rect": @(rect)
+                                                       }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine remoteAudioStats:(AgoraRtcRemoteAudioStats *_Nonnull)stats {
   [self sendEvent:AGRemoteAudioStats params:@{
-                                            @"stats": @{
-                                                @"uid": @(stats.uid),
-                                                @"quality": @(stats.quality),
-                                                @"networkTransportDelay": @(stats.networkTransportDelay),
-                                                @"jitterBufferDelay": @(stats.jitterBufferDelay),
-                                                @"audioLossRate": @(stats.audioLossRate)
-                                                }
-                                            }];
+                                              @"stats": @{
+                                                  @"uid": @(stats.uid),
+                                                  @"quality": @(stats.quality),
+                                                  @"networkTransportDelay": @(stats.networkTransportDelay),
+                                                  @"jitterBufferDelay": @(stats.jitterBufferDelay),
+                                                  @"audioLossRate": @(stats.audioLossRate)
+                                                  }
+                                              }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine reportRtcStats:(AgoraChannelStats *_Nonnull)stats {
   [self sendEvent:AGRtcStats params:@{
-                                          @"stats": @{
-                                              @"duration": @(stats.duration),
-                                              @"txPacketLossRate": @(stats.txPacketLossRate),
-                                              @"rxPacketLossRate": @(stats.rxPacketLossRate),
-                                              @"txBytes": @(stats.txBytes),
-                                              @"rxBytes": @(stats.rxBytes),
-                                              @"txAudioKBitrate": @(stats.txAudioKBitrate),
-                                              @"rxAudioKBitrate": @(stats.rxAudioKBitrate),
-                                              @"txVideoKBitrate": @(stats.txVideoKBitrate),
-                                              @"rxVideoKBitrate": @(stats.rxVideoKBitrate),
-                                              @"lastmileDelay": @(stats.lastmileDelay),
-                                              @"userCount": @(stats.userCount),
-                                              @"cpuAppUsage": @(stats.cpuAppUsage),
-                                              @"cpuTotalUsage": @(stats.cpuTotalUsage)
-                                              }
-                                          }];
+                                      @"stats": @{
+                                          @"duration": @(stats.duration),
+                                          @"txPacketLossRate": @(stats.txPacketLossRate),
+                                          @"rxPacketLossRate": @(stats.rxPacketLossRate),
+                                          @"txBytes": @(stats.txBytes),
+                                          @"rxBytes": @(stats.rxBytes),
+                                          @"txAudioKBitrate": @(stats.txAudioKBitrate),
+                                          @"rxAudioKBitrate": @(stats.rxAudioKBitrate),
+                                          @"txVideoKBitrate": @(stats.txVideoKBitrate),
+                                          @"rxVideoKBitrate": @(stats.rxVideoKBitrate),
+                                          @"lastmileDelay": @(stats.lastmileDelay),
+                                          @"userCount": @(stats.userCount),
+                                          @"cpuAppUsage": @(stats.cpuAppUsage),
+                                          @"cpuTotalUsage": @(stats.cpuTotalUsage)
+                                          }
+                                      }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine lastmileQuality:(AgoraNetworkQuality)quality {
   [self sendEvent:AGLastmileQuality params:@{
-                                           @"quality": @(quality)
-                                           }];
+                                             @"quality": @(quality)
+                                             }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine networkQuality:(NSUInteger)uid txQuality:(AgoraNetworkQuality)txQuality rxQuality:(AgoraNetworkQuality)rxQuality {
   [self sendEvent:AGNetworkQuality params:@{
-                                          @"uid": @(uid),
-                                          @"txQuality": @(txQuality),
-                                          @"rxQuality": @(rxQuality)
-                                          }];
+                                            @"uid": @(uid),
+                                            @"txQuality": @(txQuality),
+                                            @"rxQuality": @(rxQuality)
+                                            }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine localVideoStats:(AgoraRtcLocalVideoStats *_Nonnull)stats {
   [self sendEvent:AGLocalVideoStats params:@{
-                                           @"stats": @{
-                                               @"sentBitrate": @(stats.sentBitrate),
-                                               @"sentFrameRate": @(stats.sentFrameRate)
-                                               },
-                                           @"encoderOutputFrameRate": @(stats.encoderOutputFrameRate),
-                                           @"rendererOutputFrameRate":
+                                             @"stats": @{
+                                                 @"sentBitrate": @(stats.sentBitrate),
+                                                 @"sentFrameRate": @(stats.sentFrameRate)
+                                                 },
+                                             @"encoderOutputFrameRate": @(stats.encoderOutputFrameRate),
+                                             @"rendererOutputFrameRate":
                                                @(stats.rendererOutputFrameRate)
-                                           }];
+                                             }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine remoteVideoStats:(AgoraRtcRemoteVideoStats *_Nonnull)stats {
   [self sendEvent:AGRemoteVideoStats params:@{
-                                            @"stats": @{
-                                                @"uid": @(stats.uid),
-                                                @"width": @(stats.width),
-                                                @"height": @(stats.height),
-                                                @"receivedBitrate": @(stats.receivedBitrate),
-                                                @"rendererOutputFrameRate": @(stats.rendererOutputFrameRate),
-                                                @"rxStreamType": @(stats.rxStreamType),
-                                                @"decoderOutputFrameRate": @(stats.decoderOutputFrameRate)
-                                                }
-                                            }];
+                                              @"stats": @{
+                                                  @"uid": @(stats.uid),
+                                                  @"width": @(stats.width),
+                                                  @"height": @(stats.height),
+                                                  @"receivedBitrate": @(stats.receivedBitrate),
+                                                  @"rendererOutputFrameRate": @(stats.rendererOutputFrameRate),
+                                                  @"rxStreamType": @(stats.rxStreamType),
+                                                  @"decoderOutputFrameRate": @(stats.decoderOutputFrameRate)
+                                                  }
+                                              }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine audioTransportStatsOfUid:(NSUInteger)uid delay:(NSUInteger)delay lost:(NSUInteger)lost rxKBitRate:(NSUInteger)rxKBitRate {
   [self sendEvent:AGAudioTransportStatsOfUid params:@{
-                                                    @"uid": @(uid),
-                                                    @"delay": @(delay),
-                                                    @"lost": @(lost),
-                                                    @"rxKBitrate": @(rxKBitRate)
-                                                    }];
+                                                      @"uid": @(uid),
+                                                      @"delay": @(delay),
+                                                      @"lost": @(lost),
+                                                      @"rxKBitrate": @(rxKBitRate)
+                                                      }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine videoTransportStatsOfUid:(NSUInteger)uid delay:(NSUInteger)delay lost:(NSUInteger)lost rxKBitRate:(NSUInteger)rxKBitRate {
   [self sendEvent:AGVideoTransportStatsOfUid params:@{
-                                                    @"uid": @(uid),
-                                                    @"delay": @(delay),
-                                                    @"lost": @(lost),
-                                                    @"rxKBitrate": @(rxKBitRate)
-                                                    }];
+                                                      @"uid": @(uid),
+                                                      @"delay": @(delay),
+                                                      @"lost": @(lost),
+                                                      @"rxKBitrate": @(rxKBitRate)
+                                                      }];
 }
 
 - (void)rtcEngineRemoteAudioMixingDidStart:(AgoraRtcEngineKit *_Nonnull)engine {
   [self sendEvent:AGRemoteAudioMixingStart params:@{
-                                                     @"message": @"RemoteAudioMixingStarted"
-                                                     }];
+                                                    @"message": @"RemoteAudioMixingStarted"
+                                                    }];
 }
 
 - (void)rtcEngineRemoteAudioMixingDidFinish:(AgoraRtcEngineKit *_Nonnull)engine {
   [self sendEvent:AGRemoteAudioMixingFinish params:@{
-                                                      @"message": @"RemoteAudioMixingFinish"
-                                                      }];
+                                                     @"message": @"RemoteAudioMixingFinish"
+                                                     }];
 }
 
 - (void)rtcEngineDidAudioEffectFinish:(AgoraRtcEngineKit *_Nonnull)engine soundId:(NSInteger)soundId {
   [self sendEvent:AGAudioEffectFinish params:@{
-                                                @"soundid": @(soundId)
-                                                }];
+                                               @"soundid": @(soundId)
+                                               }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine streamPublishedWithUrl:(NSString *_Nonnull)url errorCode:(AgoraErrorCode)errorCode {
   [self sendEvent:AGStreamPublished params:@{
-                                           @"url": url,
-                                           @"code": @(errorCode)
-                                           }];
+                                             @"url": url,
+                                             @"code": @(errorCode)
+                                             }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine rtmpStreamingChangedToState:(NSString *_Nonnull)url state:(AgoraRtmpStreamingState)state errorCode:(AgoraRtmpStreamingErrorCode)errorCode {
@@ -2012,14 +2023,14 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine streamUnpublishedWithUrl:(NSString *_Nonnull)url {
   [self sendEvent:AGStreamUnpublish params:@{
-                                           @"url": url,
-                                           }];
+                                             @"url": url,
+                                             }];
 }
 
 - (void)rtcEngineTranscodingUpdated:(AgoraRtcEngineKit *_Nonnull)engine {
   [self sendEvent:AGTranscodingUpdate params:@{
-                                              @"message": @"AGTranscodingUpdate"
-                                              }];
+                                               @"message": @"AGTranscodingUpdate"
+                                               }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine localVideoStateChange:(AgoraLocalVideoStreamState)state error:(AgoraLocalVideoStreamError)error {
@@ -2031,10 +2042,10 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine streamInjectedStatusOfUrl:(NSString *_Nonnull)url uid:(NSUInteger)uid status:(AgoraInjectStreamStatus)status {
   [self sendEvent:AGStreamInjectedStatus params:@{
-                                                @"uid": @(uid),
-                                                @"url": url,
-                                                @"status": @(status)
-                                                }];
+                                                  @"uid": @(uid),
+                                                  @"url": url,
+                                                  @"status": @(status)
+                                                  }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine receiveStreamMessageFromUid:(NSUInteger)uid streamId:(NSInteger)streamId data:(NSData *_Nonnull)data {
@@ -2047,24 +2058,24 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine didOccurStreamMessageErrorFromUid:(NSUInteger)uid streamId:(NSInteger)streamId error:(NSInteger)error missed:(NSInteger)missed cached:(NSInteger)cached {
   [self sendEvent:AGOccurStreamMessageError params:@{
-                                                      @"uid": @(uid),
-                                                      @"streamId": @(streamId),
-                                                      @"error": @(error),
-                                                      @"missed": @(missed),
-                                                      @"cached": @(cached)
-                                                      }];
+                                                     @"uid": @(uid),
+                                                     @"streamId": @(streamId),
+                                                     @"error": @(error),
+                                                     @"missed": @(missed),
+                                                     @"cached": @(cached)
+                                                     }];
 }
 
 - (void)rtcEngineMediaEngineDidLoaded:(AgoraRtcEngineKit *_Nonnull)engine {
   [self sendEvent:AGMediaEngineLoaded params:@{
-                                                @"message": @"MediaEngineLoaded"
-                                                }];
+                                               @"message": @"MediaEngineLoaded"
+                                               }];
 }
 
 - (void)rtcEngineMediaEngineDidStartCall:(AgoraRtcEngineKit *_Nonnull)engine {
   [self sendEvent:AGMediaEngineStartCall params:@{
-                                                   @"message": @"AGMediaEngineStartCall"
-                                                   }];
+                                                  @"message": @"AGMediaEngineStartCall"
+                                                  }];
 }
 
 - (void)rtcEngine:(AgoraRtcEngineKit *_Nonnull)engine localAudioMixingStateDidChanged:(AgoraAudioMixingStateCode)state errorCode:(AgoraAudioMixingErrorCode)errorCode {
@@ -2095,4 +2106,4 @@ RCT_EXPORT_METHOD(registerMediaMetadataObserver
                                                      }];
 }
 
-@end
+@end

lib/AgoraView.native.d.ts

@@ -4,16 +4,17 @@ import { AgoraViewProps } from "./types";
  * AgoraView is the render layer for rendering video stream
  *
  * This class is used to rendering native sdk stream
- *
  * @props {@link AgoraViewProps}
  *
  * @descrption AgoraViewProps has four properties.
- * @property number: mode, this property will setup video render mode. there is two avaliable mode {hidden: 1, fit: 2}, you could see more details [https://docs.agora.io/en/Interactive%20Broadcast/API%20Reference/java/classio_1_1agora_1_1rtc_1_1_rtc_engine.html#ac08882c4d0ec47b329900df169493673](#here)
- * @property boolean: showLocalVideo, this property will render local video, NOTICE: IF YOU SET showLocalVideo YOU CANNOT SET remoteUid
- * @property number: remoteUid, this property will render video with remote uid, NOTICE: IF YOU SET remoteUid YOU CANNOT SET showLocalVideo
- * @property boolean: zOrderMediaOverlay, this property will working for android side and it likes zIndex behaviour on web side.
+ * @property mode: {@link AgoraViewMode}, this property will setup video render mode. You could see more [details](https://docs.agora.io/en/Interactive%20Broadcast/API%20Reference/java/classio_1_1agora_1_1rtc_1_1_rtc_engine.html#ac08882c4d0ec47b329900df169493673)
+ * @property showLocalVideo: boolean, this property will render local video, NOTICE: IF YOU SET showLocalVideo YOU CANNOT SET remoteUid
+ * @property remoteUid: number, this property will render video with remote uid, NOTICE: IF YOU SET remoteUid YOU CANNOT SET showLocalVideo
+ * @property zOrderMediaOverlay: boolean, this property will working for android side and it likes zIndex behaviour on web side.
+ *
+ * @noInheritDoc
  */
-export default class AgoraView extends React.Component<AgoraViewProps> {
+export default class AgoraView extends React.Component<AgoraViewProps, {}, {}> {
     /**
      * render
      *

lib/AgoraView.native.js

@@ -13,14 +13,15 @@ const RCTAgoraView = react_native_1.requireNativeComponent("RCTAgoraVideoView");
  * AgoraView is the render layer for rendering video stream
  *
  * This class is used to rendering native sdk stream
- *
  * @props {@link AgoraViewProps}
  *
  * @descrption AgoraViewProps has four properties.
- * @property number: mode, this property will setup video render mode. there is two avaliable mode {hidden: 1, fit: 2}, you could see more details [https://docs.agora.io/en/Interactive%20Broadcast/API%20Reference/java/classio_1_1agora_1_1rtc_1_1_rtc_engine.html#ac08882c4d0ec47b329900df169493673](#here)
- * @property boolean: showLocalVideo, this property will render local video, NOTICE: IF YOU SET showLocalVideo YOU CANNOT SET remoteUid
- * @property number: remoteUid, this property will render video with remote uid, NOTICE: IF YOU SET remoteUid YOU CANNOT SET showLocalVideo
- * @property boolean: zOrderMediaOverlay, this property will working for android side and it likes zIndex behaviour on web side.
+ * @property mode: {@link AgoraViewMode}, this property will setup video render mode. You could see more [details](https://docs.agora.io/en/Interactive%20Broadcast/API%20Reference/java/classio_1_1agora_1_1rtc_1_1_rtc_engine.html#ac08882c4d0ec47b329900df169493673)
+ * @property showLocalVideo: boolean, this property will render local video, NOTICE: IF YOU SET showLocalVideo YOU CANNOT SET remoteUid
+ * @property remoteUid: number, this property will render video with remote uid, NOTICE: IF YOU SET remoteUid YOU CANNOT SET showLocalVideo
+ * @property zOrderMediaOverlay: boolean, this property will working for android side and it likes zIndex behaviour on web side.
+ *
+ * @noInheritDoc
  */
 class AgoraView extends react_1.default.Component {
     /**
@@ -41,6 +42,12 @@ class AgoraView extends react_1.default.Component {
         for (let key in this.props) {
             htmlProps[key] = this.props[key];
         }
+        // convert uint32 to int32 for android
+        if (react_native_1.Platform.OS === 'android') {
+            const int32 = new Int32Array(1);
+            int32[0] = htmlProps.remoteUid;
+            htmlProps.remoteUid = int32[0];
+        }
         return htmlProps;
     }
 }

lib/AgoraView.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AgoraView.native.js","sourceRoot":"","sources":["../src/AgoraView.native.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,+CAEqB;AAMrB;;;;GAIG;AAEH,MAAM,YAAY,GAAG,qCAAsB,CAAC,mBAAmB,CAAC,CAAC;AAEjE;;;;;;;;;;;;GAYG;AACH,MAAqB,SAAU,SAAQ,eAAK,CAAC,SAAyB;IAClE;;;;OAIG;IACI,MAAM;QACT,OAAO,CACH,8BAAC,YAAY,oBAAM,IAAI,CAAC,YAAY,EAAE,EAAK,CAC9C,CAAA;IACL,CAAC;IAED;;;;OAIG;IACK,YAAY;QAChB,IAAI,SAAS,GAAG,EAAoB,CAAC;QACrC,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE;YACxB,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACpC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC;CACJ;AAxBD,4BAwBC"}
+{"version":3,"file":"AgoraView.native.js","sourceRoot":"","sources":["../src/AgoraView.native.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,+CAGqB;AAMrB;;;;GAIG;AAEH,MAAM,YAAY,GAAG,qCAAsB,CAAC,mBAAmB,CAAC,CAAC;AAEjE;;;;;;;;;;;;;GAaG;AACH,MAAqB,SAAU,SAAQ,eAAK,CAAC,SAAiC;IAC1E;;;;OAIG;IACI,MAAM;QACT,OAAO,CACH,8BAAC,YAAY,oBAAM,IAAI,CAAC,YAAY,EAAE,EAAK,CAC9C,CAAA;IACL,CAAC;IAED;;;;OAIG;IACK,YAAY;QAChB,IAAI,SAAS,GAAG,EAAoB,CAAC;QACrC,KAAK,IAAI,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE;YACxB,SAAS,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;SACpC;QAED,sCAAsC;QACtC,IAAI,uBAAQ,CAAC,EAAE,KAAK,SAAS,EAAE;YAC3B,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,CAAC;YAChC,KAAK,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,SAAS,CAAC;YAC/B,SAAS,CAAC,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAA;SACjC;QACD,OAAO,SAAS,CAAC;IACrB,CAAC;CACJ;AA/BD,4BA+BC"}

lib/RtcEngine.native.d.ts

@@ -7,6 +7,9 @@ import { Option, Callback, AudioMixingOption, PlayEffectOption, AudioRecordingOp
  * Other methods of the RtcEngine object serve for agora native sdk and set up error logging.
  */
 declare class RtcEngine {
+    /**
+     * @ignore AG_PREFIX
+     */
     private static readonly AG_PREFIX;
     /**
      * Creates a RtcEngine Object internal.
@@ -26,13 +29,14 @@ declare class RtcEngine {
      * @param token
      * @param info
      */
-    static joinChannel(channelName: string, uid?: number, token?: string, info?: Object): void;
+    static joinChannel(channelName: string, uid?: number, token?: string, info?: Object): Promise<any>;
     /**
      * add event listener
      *
      * This method subscribes specified eventType and run listener. You should call this method at first.
      *
-     * @events
+     * @event listener
+     *
      * ---
      * name | description | usage |
      * error | occurs when emit error  | on("error", evt) |
@@ -106,6 +110,7 @@ declare class RtcEngine {
      * networkTypeChanged | occurs when the device network type changed | on("networkTypeChanged", evt) |
      * mediaMetaDataReceived | occurs when you received media meta data from the remote side through sendMediaData | on("mediaMetaDataReceived", evt) |
      * ---
+     *
      * @param eventType
      * @param listener
      * @return any
@@ -262,6 +267,10 @@ declare class RtcEngine {
      * @return Promise<any>
      */
     static muteAllRemoteVideoStreams(muted: boolean): Promise<any>;
+    /**
+     * @ignore Uint32ToInt32
+     */
+    private static Uint32ToInt32;
     /**
      * mute specified remote video stream.
      *
@@ -956,8 +965,8 @@ declare class RtcEngine {
      *
      * @param config LastmileProbeConfig {@link LastmileProbeConfig}
      *
-     * @event onLastmileQuality: the SDK triggers this callback within two seconds depending on the network conditions. This callback rates the network conditions with a score and is more closely linked to the user experience.
-     * @event onLastmileProbeResult: the SDK triggers this callback within 30 seconds depending on the network conditions. This callback returns the real-time statistics of the network conditions and is more objective.
+     * event onLastmileQuality: the SDK triggers this callback within two seconds depending on the network conditions. This callback rates the network conditions with a score and is more closely linked to the user experience.
+     * event onLastmileProbeResult: the SDK triggers this callback within 30 seconds depending on the network conditions. This callback returns the real-time statistics of the network conditions and is more objective.
      * @return Promise<any>
      */
     static startLastmileProbeTest(config: LastmileProbeConfig): Promise<any>;

lib/RtcEngine.native.js

@@ -40,7 +40,8 @@ class RtcEngine {
      *
      * This method subscribes specified eventType and run listener. You should call this method at first.
      *
-     * @events
+     * @event listener
+     *
      * ---
      * name | description | usage |
      * error | occurs when emit error  | on("error", evt) |
@@ -114,11 +115,74 @@ class RtcEngine {
      * networkTypeChanged | occurs when the device network type changed | on("networkTypeChanged", evt) |
      * mediaMetaDataReceived | occurs when you received media meta data from the remote side through sendMediaData | on("mediaMetaDataReceived", evt) |
      * ---
+     *
      * @param eventType
      * @param listener
      * @return any
      */
     static on(eventType, listener) {
+        // convert int32 to uint32
+        if ([
+            'joinChannelSuccess',
+            'rejoinChannelSuccess',
+            'userJoined',
+            'userOffline',
+            'occurStreamMessageError',
+            'receiveStreamMessage',
+            'activeSpeaker',
+            'firstRemoteAudioFrame',
+            'firstRemoteVideoDecoded',
+            'firstRemoteVideoFrame',
+            'userMuteAudio',
+            'userMuteVideo',
+            'userEnableVideo',
+            'userEnableLocalVideo',
+            'videoSizeChanged',
+            'firstRemoteAudioDecoded',
+            'remoteVideoStateChanged',
+            'remoteSubscribeFallbackToAudioOnly',
+            'networkQuality',
+            'streamInjectedStatus',
+        ].indexOf(eventType) != -1) {
+            AgoraEventEmitter.addListener(`${RtcEngine.AG_PREFIX}${eventType}`, (args) => {
+                const uint32_uid = new Uint32Array(1);
+                uint32_uid[0] = args.uid;
+                args.uid = uint32_uid[0];
+                // convert int32 streamId to uint32 
+                if (args.streamId) {
+                    const uint32_streamId = new Uint32Array(1);
+                    uint32_streamId[0] = args.streamId;
+                    args.streamId = uint32_streamId[0];
+                }
+                listener(args);
+            });
+            return;
+        }
+        if (['audioVolumeIndication'].indexOf(eventType) != -1) {
+            AgoraEventEmitter.addListener(`${RtcEngine.AG_PREFIX}${eventType}`, (args) => {
+                args.speakers.map((speaker) => {
+                    const uint32_uid = new Uint32Array(1);
+                    uint32_uid[0] = speaker.uid;
+                    return Object.assign({}, speaker, { uid: uint32_uid[0] });
+                });
+                listener(args);
+            });
+            return;
+        }
+        if ([
+            'remoteAudioStats',
+            'remoteVideoStats',
+            'audioTransportStatsOfUid',
+            'videoTransportStatsOfUid',
+        ].indexOf(eventType) != -1) {
+            AgoraEventEmitter.addListener(`${RtcEngine.AG_PREFIX}${eventType}`, (args) => {
+                const uint32_uid = new Uint32Array(1);
+                uint32_uid[0] = args.stats.uid;
+                args.stats.uid = uint32_uid[0];
+                listener(args);
+            });
+            return;
+        }
         AgoraEventEmitter.addListener(`${RtcEngine.AG_PREFIX}${eventType}`, listener);
     }
     /**
@@ -214,7 +278,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     static setRemoteRenderMode(uid, mode) {
-        return Agora.setRemoteRenderMode(uid, mode);
+        let uint32 = react_native_1.Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.setRemoteRenderMode(uint32, mode);
     }
     /**
      * start video preview
@@ -312,6 +377,14 @@ class RtcEngine {
     static muteAllRemoteVideoStreams(muted) {
         return Agora.muteAllRemoteVideoStreams(muted);
     }
+    /**
+     * @ignore Uint32ToInt32
+     */
+    static Uint32ToInt32(num) {
+        const int32 = new Int32Array(1);
+        int32[0] = num;
+        return int32[0];
+    }
     /**
      * mute specified remote video stream.
      *
@@ -321,7 +394,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     static muteRemoteVideoStream(uid, muted) {
-        return Agora.muteRemoteVideoStream(uid, muted);
+        let uint32 = react_native_1.Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.muteRemoteVideoStream(uint32, muted);
     }
     /**
      * set default mute all remote video stream
@@ -390,7 +464,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     static muteRemoteAudioStream(uid, muted) {
-        return Agora.muteRemoteAudioStream(uid, muted);
+        let uint32 = react_native_1.Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.muteRemoteAudioStream(uint32, muted);
     }
     /**
      * adjust recording signal volume
@@ -1157,7 +1232,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     static setRemoteVoicePosition(uid, pan, gain) {
-        return Agora.setRemoteVoicePosition(uid, pan, gain);
+        let uint32 = react_native_1.Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.setRemoteVoicePosition(uint32, pan, gain);
     }
     /**
      * start the lastmile probe test
@@ -1166,8 +1242,8 @@ class RtcEngine {
      *
      * @param config LastmileProbeConfig {@link LastmileProbeConfig}
      *
-     * @event onLastmileQuality: the SDK triggers this callback within two seconds depending on the network conditions. This callback rates the network conditions with a score and is more closely linked to the user experience.
-     * @event onLastmileProbeResult: the SDK triggers this callback within 30 seconds depending on the network conditions. This callback returns the real-time statistics of the network conditions and is more objective.
+     * event onLastmileQuality: the SDK triggers this callback within two seconds depending on the network conditions. This callback rates the network conditions with a score and is more closely linked to the user experience.
+     * event onLastmileProbeResult: the SDK triggers this callback within 30 seconds depending on the network conditions. This callback returns the real-time statistics of the network conditions and is more objective.
      * @return Promise<any>
      */
     static startLastmileProbeTest(config) {
@@ -1195,7 +1271,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     static setRemoteUserPriority(uid, userPrority) {
-        return Agora.setRemoteUserPriority(uid, userPrority);
+        let uint32 = react_native_1.Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.setRemoteUserPriority(uint32, userPrority);
     }
     /**
      * start an audio call test.
@@ -1301,6 +1378,9 @@ class RtcEngine {
         });
     }
 }
+/**
+ * @ignore AG_PREFIX
+ */
 RtcEngine.AG_PREFIX = 'ag_rtc';
 exports.default = RtcEngine;
 //# sourceMappingURL=RtcEngine.native.js.map

lib/index.d.ts

@@ -1,2 +1,3 @@
 export { default as AgoraView } from './AgoraView.native';
 export { default as RtcEngine } from './RtcEngine.native';
+export * from "./types";

lib/index.js

@@ -1,7 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
 var AgoraView_native_1 = require("./AgoraView.native");
 exports.AgoraView = AgoraView_native_1.default;
 var RtcEngine_native_1 = require("./RtcEngine.native");
 exports.RtcEngine = RtcEngine_native_1.default;
+tslib_1.__exportStar(require("./types"), exports);
 //# sourceMappingURL=index.js.map

lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;AAAA,uDAAwD;AAAhD,uCAAA,OAAO,CAAa;AAC5B,uDAAwD;AAAhD,uCAAA,OAAO,CAAa"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,uDAAwD;AAAhD,uCAAA,OAAO,CAAa;AAC5B,uDAAwD;AAAhD,uCAAA,OAAO,CAAa;AAC5B,kDAAwB"}

lib/types.d.ts

@@ -1,4 +1,13 @@
 import { ViewProps } from 'react-native';
+/**
+ * AgoraViewMode
+ * @mode hidden Uniformly scale the video until it fills the visible boundaries (cropped). One dimension of the video may have clipped contents.
+ * @mode FIT Uniformly scale the video until one of its dimension fits the boundary (zoomed to fit). Areas that are not filled due to the disparity in the aspect ratio are filled with black.
+ */
+export declare enum AgoraViewMode {
+    HIDDEN = 1,
+    FIT = 2
+}
 /**
  * VideoEncoderConfig details
  * @property width: number | The encoder video's width
@@ -16,15 +25,17 @@ export interface VideoEncoderConfig {
     orientationMode: number;
 }
 /**
- * Option is work for init method
- * @property: string appid Sets the appid
- * @property: number channelProfile Sets the channel mode. 0 is communication mode, 1 is broadcasting mode
- * @property: {@link VideoEncoderConfig} sets video encoding config
- * @property: mode is optional sets only enable video / audio, 0 is audio mode, 1 is video mode
- * @property: clientRole is only work in live mode, 1 is host, 2 is audience
- * @property: dualStream is optional parameter only for enable for detail see {@link https://docs.agora.io/en/Video/API%20Reference/oc/Classes/AgoraRtcEngineKit.html#//api/name/enableDualStreamMode:}
- * @property: audioProfile {@link https://docs.agora.io/en/Video/API%20Reference/oc/Constants/AgoraAudioProfile.html}
- * @property: audioScenario {@link https://docs.agora.io/en/Video/API%20Reference/oc/Constants/AgoraAudioScenario.html}
+ * Option is used to {@link init}
+ * @member {@link appid} Sets the appid
+ * @member {@link channelProfile} Number channelProfile Sets the channel mode. 0 is communication mode, 1 is broadcasting mode
+ * @member {@link VideoEncoderConfig} sets video encoding config
+ * @member {@link dualStream} is optional parameter only for enable for detail see [more](https://docs.agora.io/en/Video/API%20Reference/oc/Classes/AgoraRtcEngineKit.html#//api/name/enableDualStreamMode)
+ * @member {@link mode} is optional sets only enable video / audio, 0 is audio mode, 1 is video mode
+ * @member {@link clientRole} is only work in live mode, 1 is host, 2 is audience
+ * @member {@link audioProfile} Sets audio profile to agora rtc sdk See more [details](https://docs.agora.io/en/Video/API%20Reference/oc/Constants/AgoraAudioProfile.html)
+ * @member {@link audioScenario} Sets audio scenario to agora rtc sdk more [details](https://docs.agora.io/en/Video/API%20Reference/oc/Constants/AgoraAudioScenario.html)
+ * @member {@link beauty} {@link BeautyOption}
+ * @member {@link voice} {@link VoiceDecorator}
  */
 export interface Option {
     appid: String;
@@ -41,10 +52,11 @@ export interface Option {
 /**
  * VoiceDecorator is decorate local audio voice
  *
- * @property type: string | the range values ['changer' | 'reverbPreset'] This property is the identifier for audio voice decorator
- * @property value: number | the value for voice parameter option.
- * type 'reverbPreset' range values: [0 is "off", 1 is "popular", 2 is "rnb", 3 is "rock", 4 is "hiphop", 5 is "vocal concert", 6 is "KTV", 7 is "studio"]
- * type 'changer' range values: [0 is "off", 1 is "old man", 2 is "baby boy", 3 is "baby girl", 4 is "zhubajie", 5 is "ethereal", 6 is "hulk"]
+ * @description
+ *   type 'reverbPreset' range values: [0 is "off", 1 is "popular", 2 is "rnb", 3 is "rock", 4 is "hiphop", 5 is "vocal concert", 6 is "KTV", 7 is "studio"]
+ *   type 'changer' range values: [0 is "off", 1 is "old man", 2 is "baby boy", 3 is "baby girl", 4 is "zhubajie", 5 is "ethereal", 6 is "hulk"]
+ * @member type: string | the range values ['changer' | 'reverbPreset'] This property is the identifier for audio voice decorator
+ * @member value: number | the value for voice parameter option.
  */
 export interface VoiceDecorator {
     type: string;
@@ -69,21 +81,18 @@ export interface BackgroundImage {
     width: number;
     height: number;
 }
-export interface Rect {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}
 export interface Size {
     width: number;
     height: number;
 }
 export interface TranscodingUser {
     uid: number;
-    zOrder: number;
-    rect: Rect;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
     alpha: number;
+    zOrder: number;
     audioChannel: number;
 }
 export interface Color {
@@ -92,21 +101,64 @@ export interface Color {
     blue: number;
     alpha: number;
 }
+export declare enum VideoCodecProfile {
+    BASELINE = 66,
+    MAIN = 77,
+    HIGH = 100
+}
+export declare enum AudioCodecProfile {
+    LC_AAC = 0,
+    HE_AAC = 1
+}
+export declare enum AudioSampleRate {
+    TYPE_32000 = 32000,
+    TYPE_44100 = 44100,
+    TYPE_48000 = 48000
+}
+/**
+ * AgoraChannelStereo
+ * @note Agora’s self-defined audio channel type. We recommend choosing ONE or TWO. Special players are required if you choose TRHEE, FOUR or FIVE:
+ */
+export declare enum AudioChannelStereo {
+    ONE = 1,
+    TWO = 2,
+    TRHEE = 3,
+    FOUR = 4,
+    FIVE = 5
+}
+/**
+ * @member {@link size} {@link Size}
+ * @member {@link videoBitrate} integer number
+ * @member {@link videoFramerate} integer number
+ * @member {@link lowLatency} boolean
+ * @member {@link videoGop} number
+ * @member {@link videoCodecProfile} {@link VideoCodecProfile}
+ * @member {@link audioCodecProfile} {@link AudioCodecProfile}
+ * @member {@link audioSampleRate} {@link AudioSampleRate}
+ * @member {@link watermark} {@link BackgroundImage}
+ * @member {@link backgroundImage} {@link BackgroundImage}
+ * @member {@link backgroundColor} Standard RGB hex number: e.g. 0xffffff
+ * @member {@link audioBitrate} number
+ * @member {@link audioChannels} {@link AudioChannelStereo}
+ * @member {@link transcodingUsers} Array,{@link TranscodingUser}>,
+ * @member {@link transcodingExtraInfo} string
+ */
 export interface LiveTranscodingOption {
     size: Size;
     videoBitrate: number;
     videoFramerate: number;
     lowLatency: boolean;
     videoGop: number;
-    videoCodecProfile: number;
-    transcodingUsers: Array<TranscodingUser>;
-    transcodingExtraInfo: string;
+    videoCodecProfile: VideoCodecProfile;
+    audioCodecProfile: AudioCodecProfile;
+    audioSampleRate: AudioSampleRate;
     watermark: BackgroundImage;
     backgroundImage: BackgroundImage;
-    backgroundColor: Color;
-    audioSampleRate: number;
+    backgroundColor: number;
     audioBitrate: number;
-    audioChannels: number;
+    audioChannels: AudioChannelStereo;
+    transcodingUsers: Array<TranscodingUser>;
+    transcodingExtraInfo: string;
 }
 export interface VideoOption {
     uid: number;

lib/types.js

@@ -1,3 +1,42 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * AgoraViewMode
+ * @mode hidden Uniformly scale the video until it fills the visible boundaries (cropped). One dimension of the video may have clipped contents.
+ * @mode FIT Uniformly scale the video until one of its dimension fits the boundary (zoomed to fit). Areas that are not filled due to the disparity in the aspect ratio are filled with black.
+ */
+var AgoraViewMode;
+(function (AgoraViewMode) {
+    AgoraViewMode[AgoraViewMode["HIDDEN"] = 1] = "HIDDEN";
+    AgoraViewMode[AgoraViewMode["FIT"] = 2] = "FIT";
+})(AgoraViewMode = exports.AgoraViewMode || (exports.AgoraViewMode = {}));
+var VideoCodecProfile;
+(function (VideoCodecProfile) {
+    VideoCodecProfile[VideoCodecProfile["BASELINE"] = 66] = "BASELINE";
+    VideoCodecProfile[VideoCodecProfile["MAIN"] = 77] = "MAIN";
+    VideoCodecProfile[VideoCodecProfile["HIGH"] = 100] = "HIGH";
+})(VideoCodecProfile = exports.VideoCodecProfile || (exports.VideoCodecProfile = {}));
+var AudioCodecProfile;
+(function (AudioCodecProfile) {
+    AudioCodecProfile[AudioCodecProfile["LC_AAC"] = 0] = "LC_AAC";
+    AudioCodecProfile[AudioCodecProfile["HE_AAC"] = 1] = "HE_AAC";
+})(AudioCodecProfile = exports.AudioCodecProfile || (exports.AudioCodecProfile = {}));
+var AudioSampleRate;
+(function (AudioSampleRate) {
+    AudioSampleRate[AudioSampleRate["TYPE_32000"] = 32000] = "TYPE_32000";
+    AudioSampleRate[AudioSampleRate["TYPE_44100"] = 44100] = "TYPE_44100";
+    AudioSampleRate[AudioSampleRate["TYPE_48000"] = 48000] = "TYPE_48000";
+})(AudioSampleRate = exports.AudioSampleRate || (exports.AudioSampleRate = {}));
+/**
+ * AgoraChannelStereo
+ * @note Agora’s self-defined audio channel type. We recommend choosing ONE or TWO. Special players are required if you choose TRHEE, FOUR or FIVE:
+ */
+var AudioChannelStereo;
+(function (AudioChannelStereo) {
+    AudioChannelStereo[AudioChannelStereo["ONE"] = 1] = "ONE";
+    AudioChannelStereo[AudioChannelStereo["TWO"] = 2] = "TWO";
+    AudioChannelStereo[AudioChannelStereo["TRHEE"] = 3] = "TRHEE";
+    AudioChannelStereo[AudioChannelStereo["FOUR"] = 4] = "FOUR";
+    AudioChannelStereo[AudioChannelStereo["FIVE"] = 5] = "FIVE";
+})(AudioChannelStereo = exports.AudioChannelStereo || (exports.AudioChannelStereo = {}));
 //# sourceMappingURL=types.js.map

lib/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":";;AAEA;;;;GAIG;AACH,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,qDAAU,CAAA;IACV,+CAAO,CAAA;AACT,CAAC,EAHW,aAAa,GAAb,qBAAa,KAAb,qBAAa,QAGxB;AAuGD,IAAY,iBAIX;AAJD,WAAY,iBAAiB;IAC3B,kEAAa,CAAA;IACb,0DAAS,CAAA;IACT,2DAAU,CAAA;AACZ,CAAC,EAJW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAI5B;AAED,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,6DAAU,CAAA;IACV,6DAAU,CAAA;AACZ,CAAC,EAHW,iBAAiB,GAAjB,yBAAiB,KAAjB,yBAAiB,QAG5B;AAED,IAAY,eAIX;AAJD,WAAY,eAAe;IACzB,qEAAkB,CAAA;IAClB,qEAAkB,CAAA;IAClB,qEAAkB,CAAA;AACpB,CAAC,EAJW,eAAe,GAAf,uBAAe,KAAf,uBAAe,QAI1B;AAED;;;GAGG;AACH,IAAY,kBAMX;AAND,WAAY,kBAAkB;IAC5B,yDAAO,CAAA;IACP,yDAAO,CAAA;IACP,6DAAS,CAAA;IACT,2DAAQ,CAAA;IACR,2DAAQ,CAAA;AACV,CAAC,EANW,kBAAkB,GAAlB,0BAAkB,KAAlB,0BAAkB,QAM7B"}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-agora",
-  "version": "2.4.1-alpha.2",
+  "version": "2.4.1-alpha.3",
   "description": "React Native around the Agora RTC SDKs for Android and iOS agora",
   "summary": "agora native sdk for react-native",
   "main": "lib/index.js",
@@ -49,7 +49,8 @@
     "react-native-typescript-transformer": "^1.2.11",
     "ts-jest": "^23.10.5",
     "tslint": "^5.12.1",
-    "typedoc": "^0.14.2",
+    "typedoc": "0.15.0",
+    "typedoc-plugin-no-inherit": "^1.1.9",
     "typescript": "^3.2.4"
   },
   "jest": {

src/AgoraView.native.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 import {
     requireNativeComponent,
+    Platform
 } from 'react-native'
 
 import {
-    AgoraViewProps
+    AgoraViewProps,
 } from "./types";
 
 /**
@@ -19,16 +20,17 @@ const RCTAgoraView = requireNativeComponent("RCTAgoraVideoView");
  * AgoraView is the render layer for rendering video stream
  *
  * This class is used to rendering native sdk stream
- *
  * @props {@link AgoraViewProps}
  * 
  * @descrption AgoraViewProps has four properties.
- * @property number: mode, this property will setup video render mode. there is two avaliable mode {hidden: 1, fit: 2}, you could see more details [https://docs.agora.io/en/Interactive%20Broadcast/API%20Reference/java/classio_1_1agora_1_1rtc_1_1_rtc_engine.html#ac08882c4d0ec47b329900df169493673](#here)
- * @property boolean: showLocalVideo, this property will render local video, NOTICE: IF YOU SET showLocalVideo YOU CANNOT SET remoteUid
- * @property number: remoteUid, this property will render video with remote uid, NOTICE: IF YOU SET remoteUid YOU CANNOT SET showLocalVideo
- * @property boolean: zOrderMediaOverlay, this property will working for android side and it likes zIndex behaviour on web side.
+ * @property mode: {@link AgoraViewMode}, this property will setup video render mode. You could see more [details](https://docs.agora.io/en/Interactive%20Broadcast/API%20Reference/java/classio_1_1agora_1_1rtc_1_1_rtc_engine.html#ac08882c4d0ec47b329900df169493673)
+ * @property showLocalVideo: boolean, this property will render local video, NOTICE: IF YOU SET showLocalVideo YOU CANNOT SET remoteUid
+ * @property remoteUid: number, this property will render video with remote uid, NOTICE: IF YOU SET remoteUid YOU CANNOT SET showLocalVideo
+ * @property zOrderMediaOverlay: boolean, this property will working for android side and it likes zIndex behaviour on web side.
+ * 
+ * @noInheritDoc
  */
-export default class AgoraView extends React.Component<AgoraViewProps> {
+export default class AgoraView extends React.Component<AgoraViewProps, {}, {}> {
     /**
      * render
      *
@@ -50,6 +52,13 @@ export default class AgoraView extends React.Component<AgoraViewProps> {
         for (let key in this.props) {
             htmlProps[key] = this.props[key];
         }
+        
+        // convert uint32 to int32 for android
+        if (Platform.OS === 'android') {
+            const int32 = new Int32Array(1);
+            int32[0] = htmlProps.remoteUid;
+            htmlProps.remoteUid = int32[0]
+        }
         return htmlProps;
     }
 }

src/RtcEngine.native.ts

@@ -40,6 +40,9 @@ const AgoraEventEmitter = new NativeEventEmitter(Agora);
  */
 class RtcEngine {
 
+    /**
+     * @ignore AG_PREFIX
+     */ 
     private static readonly AG_PREFIX: string = 'ag_rtc';
 
     /**
@@ -63,7 +66,7 @@ class RtcEngine {
      * @param token
      * @param info
      */
-    public static joinChannel(channelName: string, uid?: number, token?: string, info?: Object): void {
+    public static joinChannel(channelName: string, uid?: number, token?: string, info?: Object): Promise<any> {
         return Agora.joinChannel({channelName, uid, token, info});
     }
 
@@ -72,7 +75,8 @@ class RtcEngine {
      *
      * This method subscribes specified eventType and run listener. You should call this method at first.
      * 
-     * @events
+     * @event listener
+     * 
      * ---
      * name | description | usage |
      * error | occurs when emit error  | on("error", evt) |
@@ -146,11 +150,80 @@ class RtcEngine {
      * networkTypeChanged | occurs when the device network type changed | on("networkTypeChanged", evt) | 
      * mediaMetaDataReceived | occurs when you received media meta data from the remote side through sendMediaData | on("mediaMetaDataReceived", evt) | 
      * ---
+     * 
      * @param eventType
      * @param listener
      * @return any
      */
     public static on(eventType: string, listener: (...args: any[]) => any): any {
+        // convert int32 to uint32
+        if ([
+            'joinChannelSuccess',
+            'rejoinChannelSuccess',
+            'userJoined',
+            'userOffline',
+            'occurStreamMessageError',
+            'receiveStreamMessage',
+            'activeSpeaker',
+            'firstRemoteAudioFrame',
+            'firstRemoteVideoDecoded',
+            'firstRemoteVideoFrame',
+            'userMuteAudio',
+            'userMuteVideo',
+            'userEnableVideo',
+            'userEnableLocalVideo',
+            'videoSizeChanged',
+            'firstRemoteAudioDecoded',
+            'remoteVideoStateChanged',
+            'remoteSubscribeFallbackToAudioOnly',
+            'networkQuality',
+            'streamInjectedStatus',
+        ].indexOf(eventType) != -1) {
+            AgoraEventEmitter.addListener(`${RtcEngine.AG_PREFIX}${eventType}`, (args) => {
+                const uint32_uid = new Uint32Array(1);
+                uint32_uid[0] = args.uid;
+                args.uid = uint32_uid[0];
+
+                // convert int32 streamId to uint32 
+                if(args.streamId) {
+                    const uint32_streamId = new Uint32Array(1);
+                    uint32_streamId[0] = args.streamId;
+                    args.streamId = uint32_streamId[0];
+                }
+                listener(args);
+            });
+            return;
+        }
+
+        if (['audioVolumeIndication'].indexOf(eventType) != -1) {
+            AgoraEventEmitter.addListener(`${RtcEngine.AG_PREFIX}${eventType}`, (args) => {
+                args.speakers.map((speaker: any) => {
+                    const uint32_uid = new Uint32Array(1);
+                    uint32_uid[0] = speaker.uid;
+                    return {
+                        ...speaker,
+                        uid: uint32_uid[0]
+                    }
+                })
+                listener(args);
+            });
+            return;
+        }
+
+        if ([
+            'remoteAudioStats',
+            'remoteVideoStats',
+            'audioTransportStatsOfUid',
+            'videoTransportStatsOfUid',   
+        ].indexOf(eventType) != -1) {
+            AgoraEventEmitter.addListener(`${RtcEngine.AG_PREFIX}${eventType}`, (args) => {
+                const uint32_uid = new Uint32Array(1);
+                uint32_uid[0] = args.stats.uid;
+                args.stats.uid = uint32_uid[0];
+                listener(args);
+            });
+            return;
+        }
         AgoraEventEmitter.addListener(`${RtcEngine.AG_PREFIX}${eventType}`, listener);
     }
 
@@ -256,7 +329,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     public static setRemoteRenderMode(uid: number, mode: number): Promise<any> {
-        return Agora.setRemoteRenderMode(uid, mode);
+        let uint32 = Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.setRemoteRenderMode(uint32, mode);
     }
 
     /**
@@ -366,6 +440,15 @@ class RtcEngine {
         return Agora.muteAllRemoteVideoStreams(muted);
     }
 
+    /**
+     * @ignore Uint32ToInt32
+     */
+    private static Uint32ToInt32(num: number) {
+        const int32 = new Int32Array(1);
+        int32[0] = num;
+        return int32[0];
+    }
+
     /**
      * mute specified remote video stream.
      *
@@ -375,7 +458,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     public static muteRemoteVideoStream(uid: number, muted: boolean): Promise<any> {
-        return Agora.muteRemoteVideoStream(uid, muted);
+        let uint32 = Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.muteRemoteVideoStream(uint32, muted);
     }
 
     /**
@@ -451,7 +535,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     public static muteRemoteAudioStream(uid: number, muted: boolean): Promise<any> {
-        return Agora.muteRemoteAudioStream(uid, muted);
+        let uint32 = Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.muteRemoteAudioStream(uint32, muted);
     }
 
     /**
@@ -1293,7 +1378,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     static setRemoteVoicePosition(uid: number, pan: number, gain: number): Promise<any> {
-        return Agora.setRemoteVoicePosition(uid, pan, gain)
+        let uint32 = Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.setRemoteVoicePosition(uint32, pan, gain)
     }
 
     /**
@@ -1303,8 +1389,8 @@ class RtcEngine {
      *
      * @param config LastmileProbeConfig {@link LastmileProbeConfig}
      *
-     * @event onLastmileQuality: the SDK triggers this callback within two seconds depending on the network conditions. This callback rates the network conditions with a score and is more closely linked to the user experience.
-     * @event onLastmileProbeResult: the SDK triggers this callback within 30 seconds depending on the network conditions. This callback returns the real-time statistics of the network conditions and is more objective.
+     * event onLastmileQuality: the SDK triggers this callback within two seconds depending on the network conditions. This callback rates the network conditions with a score and is more closely linked to the user experience.
+     * event onLastmileProbeResult: the SDK triggers this callback within 30 seconds depending on the network conditions. This callback returns the real-time statistics of the network conditions and is more objective.
      * @return Promise<any>
      */
     static startLastmileProbeTest(config: LastmileProbeConfig): Promise<any> {
@@ -1334,7 +1420,8 @@ class RtcEngine {
      * @return Promise<any>
      */
     static setRemoteUserPriority(uid: number, userPrority: number): Promise<any> {
-        return Agora.setRemoteUserPriority(uid, userPrority);
+        let uint32 = Platform.OS === 'android' ? this.Uint32ToInt32(uid) : uid;
+        return Agora.setRemoteUserPriority(uint32, userPrority);
     }
 
     /**
@@ -1446,7 +1533,4 @@ class RtcEngine {
     }
 }
 
-
-
-
-export default RtcEngine;
+export default RtcEngine;

src/index.ts

@@ -1,2 +1,3 @@
 export {default as AgoraView} from './AgoraView.native';
 export {default as RtcEngine} from './RtcEngine.native';
+export * from "./types";

src/types.ts

@@ -1,5 +1,14 @@
-import { View, ViewProps } from 'react-native';
+import { ViewProps } from 'react-native';
 
+/**
+ * AgoraViewMode
+ * @mode hidden Uniformly scale the video until it fills the visible boundaries (cropped). One dimension of the video may have clipped contents.
+ * @mode FIT Uniformly scale the video until one of its dimension fits the boundary (zoomed to fit). Areas that are not filled due to the disparity in the aspect ratio are filled with black.
+ */
+export enum AgoraViewMode {
+  HIDDEN = 1,
+  FIT = 2
+}
 
 /**
  * VideoEncoderConfig details
@@ -19,15 +28,17 @@ export interface VideoEncoderConfig {
 }
 
 /**
- * Option is work for init method
- * @property: string appid Sets the appid
- * @property: number channelProfile Sets the channel mode. 0 is communication mode, 1 is broadcasting mode
- * @property: {@link VideoEncoderConfig} sets video encoding config
- * @property: mode is optional sets only enable video / audio, 0 is audio mode, 1 is video mode
- * @property: clientRole is only work in live mode, 1 is host, 2 is audience
- * @property: dualStream is optional parameter only for enable for detail see {@link https://docs.agora.io/en/Video/API%20Reference/oc/Classes/AgoraRtcEngineKit.html#//api/name/enableDualStreamMode:}
- * @property: audioProfile {@link https://docs.agora.io/en/Video/API%20Reference/oc/Constants/AgoraAudioProfile.html}
- * @property: audioScenario {@link https://docs.agora.io/en/Video/API%20Reference/oc/Constants/AgoraAudioScenario.html}
+ * Option is used to {@link init}
+ * @member {@link appid} Sets the appid
+ * @member {@link channelProfile} Number channelProfile Sets the channel mode. 0 is communication mode, 1 is broadcasting mode
+ * @member {@link VideoEncoderConfig} sets video encoding config
+ * @member {@link dualStream} is optional parameter only for enable for detail see [more](https://docs.agora.io/en/Video/API%20Reference/oc/Classes/AgoraRtcEngineKit.html#//api/name/enableDualStreamMode)
+ * @member {@link mode} is optional sets only enable video / audio, 0 is audio mode, 1 is video mode
+ * @member {@link clientRole} is only work in live mode, 1 is host, 2 is audience
+ * @member {@link audioProfile} Sets audio profile to agora rtc sdk See more [details](https://docs.agora.io/en/Video/API%20Reference/oc/Constants/AgoraAudioProfile.html)
+ * @member {@link audioScenario} Sets audio scenario to agora rtc sdk more [details](https://docs.agora.io/en/Video/API%20Reference/oc/Constants/AgoraAudioScenario.html)
+ * @member {@link beauty} {@link BeautyOption}
+ * @member {@link voice} {@link VoiceDecorator}
  */
 export interface Option {
   appid: String,
@@ -45,10 +56,11 @@ export interface Option {
 /**
  * VoiceDecorator is decorate local audio voice
  *
- * @property type: string | the range values ['changer' | 'reverbPreset'] This property is the identifier for audio voice decorator
- * @property value: number | the value for voice parameter option.
- * type 'reverbPreset' range values: [0 is "off", 1 is "popular", 2 is "rnb", 3 is "rock", 4 is "hiphop", 5 is "vocal concert", 6 is "KTV", 7 is "studio"]
- * type 'changer' range values: [0 is "off", 1 is "old man", 2 is "baby boy", 3 is "baby girl", 4 is "zhubajie", 5 is "ethereal", 6 is "hulk"]
+ * @description
+ *   type 'reverbPreset' range values: [0 is "off", 1 is "popular", 2 is "rnb", 3 is "rock", 4 is "hiphop", 5 is "vocal concert", 6 is "KTV", 7 is "studio"]
+ *   type 'changer' range values: [0 is "off", 1 is "old man", 2 is "baby boy", 3 is "baby girl", 4 is "zhubajie", 5 is "ethereal", 6 is "hulk"]
+ * @member type: string | the range values ['changer' | 'reverbPreset'] This property is the identifier for audio voice decorator
+ * @member value: number | the value for voice parameter option.
  */
 export interface VoiceDecorator {
   type: string,
@@ -76,13 +88,6 @@ export interface BackgroundImage {
   height: number
 }
 
-export interface Rect {
-  x: number,
-  y: number,
-  width: number,
-  height: number
-}
-
 export interface Size {
   width: number,
   height: number
@@ -90,9 +95,12 @@ export interface Size {
 
 export interface TranscodingUser {
   uid: number,
-  zOrder: number,
-  rect: Rect,
+  x: number,
+  y: number,
+  width: number,
+  height: number,
   alpha: number,
+  zOrder: number,
   audioChannel: number
 }
 
@@ -103,21 +111,68 @@ export interface Color {
   alpha: number
 }
 
+export enum VideoCodecProfile {
+  BASELINE = 66,
+  MAIN = 77,
+  HIGH = 100
+}
+
+export enum AudioCodecProfile {
+  LC_AAC = 0,
+  HE_AAC = 1
+}
+
+export enum AudioSampleRate {
+  TYPE_32000 = 32000,
+  TYPE_44100 = 44100,
+  TYPE_48000 = 48000,
+}
+
+/**
+ * AgoraChannelStereo
+ * @note Agora’s self-defined audio channel type. We recommend choosing ONE or TWO. Special players are required if you choose TRHEE, FOUR or FIVE:
+ */
+export enum AudioChannelStereo {
+  ONE = 1,
+  TWO = 2,
+  TRHEE = 3,
+  FOUR = 4,
+  FIVE = 5
+}
+
+/**
+ * @member {@link size} {@link Size}
+ * @member {@link videoBitrate} integer number
+ * @member {@link videoFramerate} integer number
+ * @member {@link lowLatency} boolean
+ * @member {@link videoGop} number
+ * @member {@link videoCodecProfile} {@link VideoCodecProfile}
+ * @member {@link audioCodecProfile} {@link AudioCodecProfile}
+ * @member {@link audioSampleRate} {@link AudioSampleRate}
+ * @member {@link watermark} {@link BackgroundImage}
+ * @member {@link backgroundImage} {@link BackgroundImage}
+ * @member {@link backgroundColor} Standard RGB hex number: e.g. 0xffffff 
+ * @member {@link audioBitrate} number
+ * @member {@link audioChannels} {@link AudioChannelStereo}
+ * @member {@link transcodingUsers} Array,{@link TranscodingUser}>,
+ * @member {@link transcodingExtraInfo} string
+ */
 export interface LiveTranscodingOption {
   size: Size,
   videoBitrate: number,
   videoFramerate: number,
   lowLatency: boolean,
   videoGop: number,
-  videoCodecProfile: number,
-  transcodingUsers: Array<TranscodingUser>,
-  transcodingExtraInfo: string,
+  videoCodecProfile: VideoCodecProfile,
+  audioCodecProfile: AudioCodecProfile,
+  audioSampleRate: AudioSampleRate,
   watermark: BackgroundImage,
   backgroundImage: BackgroundImage,
-  backgroundColor: Color,
-  audioSampleRate: number,
+  backgroundColor: number,
   audioBitrate: number,
-  audioChannels: number,
+  audioChannels: AudioChannelStereo,
+  transcodingUsers: Array<TranscodingUser>,
+  transcodingExtraInfo: string,
 }
 
 export interface VideoOption {