Skip to main content
Version: 0.1.x

Custom Video Track

We have introduced the ability to pass a custom video track for the video of the participants. This feature can be used to add custom video encoder config, optimization mode (whether you want to focus on motion, text or detail of the video) and background removal & video filter from external SDK(e.g., Banuba) and send it to other participants.

Creating a Custom Video Track

  • You can create a Video Track using createCameraVideoTrack() method of
  • This method can be used to create video track using different encoding parameters, camera facing mode, and optimization mode.


  • cameraId:

    • type: String
    • required: false
    • It will be the id of the camera from which the video should be captured.
  • encoderConfig:

    • type: String
    • required: false
    • default: h360p_w640p
    • Allowed values : h90p_w160p | h180p_w320p | h216p_w384p | h360p_w640p | h540p_w960p | h720p_w1280p | h1080p_w1920p | h1440p_w2560p | h2160p_w3840p | h120p_w160p | h180p_w240p | h240p_w320p | h360p_w480p | h480p_w640p | h540p_w720p | h720p_w960p | h1080p_w1440p | h1440p_w1920p
    • It will be the encoderConfigs you can want to use for the Video Track.

Above mentioned encoder configurations are valid for both, landscape as well as portrait mode.

  • facingMode:

    • type: String
    • required: false
    • Allowed values : front | environment
    • It will specifiy whether to use fron or back camera for the video track.
  • optimizationMode

    • type: String
    • required: false
    • Allowed values: motion | text | detail
    • It will specifiy the optimization mode for the video track being generated.
  • multiStream

    • type: boolean

    • required: false

    • default: true

    • It will specifiy if the stream should send multiple resolution layers or single resolution layer.

      • For meetings with fewer than or equal to four participants, setting multiStream:false is regarded as best practice.
      • This parameter is only available from v0.1.53.


  • MediaStream


import { createCameraVideoTrack } from "";

let customTrack = await createCameraVideoTrack({
optimizationMode: "motion",
encoderConfig: "h720p_w1280p",
facingMode: "environment",

Using Custom Video Track

Custom Track while initializing the meeting

If you are passing webcamEnabled: true in the config of MeetingProvider and want to use custom tracks from start of the meeting, you can pass custom track in the config as shown below.

import {
} from "";

function App() {
const getTrack = async () => {
const track = await createCameraVideoTrack({
optimizationMode: "motion",
encoderConfig: "h720p_w1280p",
facingMode: "environment",

let [customTrack, setCustomTrack] = useState();

useEffect(() => {
}, []);

return (
customTrack && (
micEnabled: true,
webcamEnabled: true, //If true, it will use the passed custom track to turn webcam on

//Pass the custom video track here
customCameraVideoTrack: customTrack,
<MeetingView />

Custom Track with enableWebcam()

In order to switch tracks during the meeting, you have to pass the MediaStream in the enableWebcam() method of useMeeting.


Make sure to call disableWebcam() befor you create a new track as it may lead to unexpected behaviour.

import { createCameraVideoTrack, useMeeting } from "";

let customTrack = await createCameraVideoTrack({
optimizationMode: "motion",
encoderConfig: "h720p_w1280p",
facingMode: "environment",

const { enableWebcam, toggleWebcam } = useMeeting();