feat: add resumeVideoCapturer method to javascript

Author: bang9

sample/src/direct-call/components/DirectCallVideoContentView.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useEffect, useRef } from 'react';
-import { Animated, Easing, StyleSheet, View, useWindowDimensions } from 'react-native';
+import { Animated, Easing, Platform, StyleSheet, View, useWindowDimensions } from 'react-native';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 import { DirectCall, DirectCallVideoView } from '@sendbird/calls-react-native';
@@ -31,6 +31,14 @@ const DirectCallVideoContentView: FC<CallStatusProps> = ({ call, status }) => {
     }
   }, [status]);
 
+  // In Android, if you have granted permission after accepting the call,
+  // you have to call `call.android_resumeVideoCapturer()`.
+  useEffect(() => {
+    if (Platform.OS === 'android') {
+      call.android_resumeVideoCapturer();
+    }
+  }, []);
+
   return (
     <View style={{ flex: 1 }}>
       <DirectCallVideoView

sample/src/group-call/components/GroupCallVideoStreamView.tsx

@@ -1,5 +1,5 @@
 import React, { FC, useEffect, useState } from 'react';
-import { Image, StyleSheet, View } from 'react-native';
+import { Image, Platform, StyleSheet, View } from 'react-native';
 
 import {
   GroupCallVideoView,
@@ -64,6 +64,14 @@ const GroupCallVideoStreamView: FC<GroupCallVideoStreamViewProps> = ({ room, lay
     }
   }, [layoutSize.width, layoutSize.height, rowCol.row, rowCol.column]);
 
+  // In Android, if you have granted permission after accepting the call,
+  // you have to call `room.localParticipant.android_resumeVideoCapturer()`.
+  useEffect(() => {
+    if (Platform.OS === 'android' && room.localParticipant) {
+      room.localParticipant.android_resumeVideoCapturer();
+    }
+  }, [room.localParticipant]);
+
   return (
     <View
       style={[

src/libs/DirectCall.ts

@@ -287,6 +287,16 @@ export class DirectCall implements DirectCallProperties, DirectCallMethods {
     await this._binder.nativeModule.selectAudioDevice(ControllableModuleType.DIRECT_CALL, this.callId, device);
   };
 
+  /**
+   * Connects the device camera and Sendbird Calls SDK to stream video.
+   *
+   * @platform Android
+   * @since 1.1.3
+   * */
+  public android_resumeVideoCapturer = () => {
+    this._binder.nativeModule.resumeVideoCapturer(ControllableModuleType.DIRECT_CALL, this.callId);
+  };
+
   /**
    * Mutes the audio of local user.
    * Will trigger {@link DirectCallListener.onRemoteAudioSettingsChanged} method of the remote user.

src/libs/Participant.ts

@@ -158,4 +158,14 @@ export class LocalParticipant extends Participant implements LocalParticipantMet
   public switchCamera = () => {
     return this._binder.nativeModule.switchCamera(ControllableModuleType.GROUP_CALL, this._roomId);
   };
+
+  /**
+   * Connects the device camera and Sendbird Calls SDK to stream video for local participant.
+   *
+   * @platform Android
+   * @since 1.1.3
+   * */
+  public android_resumeVideoCapturer = () => {
+    return this._binder.nativeModule.resumeVideoCapturer(ControllableModuleType.GROUP_CALL, this._roomId);
+  };
 }

src/types/Call.ts

@@ -335,7 +335,11 @@ export interface DirectCallProperties {
 
 /** DirectCall */
 type JSDirectCallModule = AsJSDirectCall<NativeDirectCallModule>;
-type JSDirectCallMediaDeviceControl = AsJSInterface<JSMediaDeviceControl, 'android', 'selectAudioDevice'>;
+type JSDirectCallMediaDeviceControl = AsJSInterface<
+  JSMediaDeviceControl,
+  'android',
+  'selectAudioDevice' | 'resumeVideoCapturer'
+>;
 
 export interface DirectCallMethods extends JSDirectCallModule, JSDirectCallMediaDeviceControl {
   addListener(listener: Partial<DirectCallListener>): () => void;

src/types/NativeModule.ts

@@ -81,6 +81,8 @@ export interface NativeMediaDeviceControl {
   selectVideoDevice(type: ControllableModuleType, identifier: string, device: VideoDevice): Promise<void>;
   /** @platform Android **/
   selectAudioDevice(type: ControllableModuleType, identifier: string, device: AudioDevice): Promise<void>;
+  /** @platform Android **/
+  resumeVideoCapturer(type: ControllableModuleType, identifier: string): void;
 }
 
 export interface NativeDirectCallModule {

src/types/Participant.ts

@@ -1,5 +1,5 @@
 import type { User } from './User';
-import { JSMediaDeviceControl } from './index';
+import type { AsJSInterface, JSMediaDeviceControl } from './index';
 
 export interface ParticipantProperties {
   participantId: string;
@@ -18,10 +18,14 @@ export interface ParticipantProperties {
 
 type JSLocalParticipantMediaDeviceControl = Pick<
   JSMediaDeviceControl,
-  'muteMicrophone' | 'unmuteMicrophone' | 'switchCamera' | 'startVideo' | 'stopVideo'
+  'muteMicrophone' | 'unmuteMicrophone' | 'switchCamera' | 'startVideo' | 'stopVideo' | 'resumeVideoCapturer'
 >;
 
-export type LocalParticipantMethods = JSLocalParticipantMediaDeviceControl;
+export type LocalParticipantMethods = AsJSInterface<
+  JSLocalParticipantMediaDeviceControl,
+  'android',
+  'resumeVideoCapturer'
+>;
 
 export enum ParticipantState {
   ENTERED = 'ENTERED',