Video Processor - React Native
VideoSDK enables you to add custom effects to your video stream before it’s transmitted during video calls. This allows you to creatively enhance your video or achieve specific functionalities.
Understanding Video Processing
Video processing refers to manipulating raw video data (frames) captured by your camera. You can create native processors for both Android and iOS to enhance video streams during meetings.
How it Works:
-
Implement the Interface:
-
Android : Create a class that implements
VideoFrameProcessorFactoryInterface. Define thebuild()function, which returns aVideoFrameProcessorfor processing each video frame. -
iOS : Create a class that implements the
VideoFrameProcessorDelegateprotocol. In this class, implement thecapturer(_:didCapture:)method to handle video frame processing.
-
-
Process the Frame:
- Android :
VideoFrameProcessoris an interface that provides you the raw video frame data. Apply your desired effects or manipulations to this data and return the proceed frame. - iOS :
capturer(_:didCapture:)method provides you the raw video frame data. Apply your desired effects or manipulations to this data and return the proceed frame.
- Android :
-
Register Your Processor: Create instances of the processor you plan to use during the meeting and register them with the
addProcessor()method from theProcessorProviderclass. -
Apply the Processor: Select the desired processor and apply it during the meeting using the
applyVideoProcessor()method from theVideoProcessorclass to utilize its features. -
Remove the Processor: Stop applying the selected video processor during the meeting, using the
removeVideoProcessor()method from theVideoProcessorclass.
Got a Question? Ask us on discord

