Swift

Understanding the Architecture

The custom video renderer consists of three main components that we will create in the next steps:

  1. CustomVideoRender - Implements the OTVideoRender protocol
  2. CustomRenderView - A UIView subclass that processes and displays video frames. It will be embedded in SwiftUI with a simple wrapper.
  3. VonageVideoManager - Manages the Vonage session and connects the renderer to the publisher
OTPublisher → CustomVideoRender → CustomRenderView → Display

Basic video rendering

Learn how to use a custom video renderer in Swift to display a black-and-white version of a video stream using the Vonage Video iOS SDK.

Available on:
Kotlin Swift
Steps
1
Introduction
2
Getting Started
3
Creating a New Project
4
Adding the Vonage Video SDK
5
Setting Up Authentication
6
Understanding the Architecture
7
Create the Custom Render View
8
Create the Custom Video Renderer
9
Integrating with Vonage Video Manager
10
Create UIView to SwiftUI Wrapper
11
Display in SwiftUI
12
How It Works
13
Conclusion