By default, Vonage Video's client-side library provides a standard video renderer for publishers and subscribers. However, you can override this by creating your own renderer using BaseVideoRenderer.

In this example, we'll create:

• InvertedColorsVideoRenderer, that extends BaseVideoRenderer
• MyRenderer, that implements GLSurfaceView.Renderer
• A GLSurfaceView that displays inverted color video using OpenGL ES shaders

Estimated completion time: 25 mins

Want to skip this tutorial? You can jump straight to the completed Kotlin client code in the Basic-Video-Renderer-Kotlin folder of our Android sample app repo on GitHub. The repo includes a README with full documentation on how to run and explore the project. This tutorial focuses on the Kotlin version of the Android sample app. For the Java version, check the same Android sample app repo.

Requirements

To complete this tutorial, you’ll need:

• A valid Vonage Video API account — if you don’t have one, you can sign up for a free trial
• Android Studio