Swift

Create the Custom Video Renderer

Create a new Swift file called CustomVideoRender.swift:

import OpenTok
import UIKit

final class CustomVideoRender: NSObject, OTVideoRender {
    let view = CustomRenderView(frame: .zero)
    
    func renderVideoFrame(_ frame: OTVideoFrame) {
        view.renderVideoFrame(frame)
    }
}

Key Points:

  • Implements the OTVideoRender protocol required by the Vonage SDK
  • Provides a view property that contains the custom render view
  • Forwards incoming video frames to the render view

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