Skip to main content
Version: Next

Change Video Input Device - Flutter

During the meeting at any point a participant wishes to switch his/her input video device, it can be done using the below mentioned methods.

getCameras()

  • This method of the Room object will give you the list of all the available cameras which can be shown in a list.

  • This method will return an array of MediaDeviceInfo which will contain the deviceId and label of the camera input device.

changeCam()

  • Once you know which device you want to switch camera input to, you can pass the deviceId to this method to change the camera input device.

Example

import 'package:flutter/material.dart';
import 'package:videosdk/videosdk.dart';

class MeetingScreen extends StatefulWidget {
...
}

class _MeetingScreenState extends State<MeetingScreen> {
late Room _room;

@override
void initState() {
...
}

@override
Widget build(BuildContext context) {
return Column(
children:[
ElevatedButton(
child: Text("Change Camera"),
onPressed: () => {
showDialog(
context: context,
builder: (context) => AlertDialog(
title: const Text("Select Camera Device"),
content: Column(
mainAxisAlignment: MainAxisAlignment.center,
mainAxisSize: MainAxisSize.min,
children: <Widget>[
SingleChildScrollView(
reverse: true,
child: Column(
children: _room
.getCameras()
.map(
(device) => ElevatedButton(
child: Text(device.label),
onPressed: () => {
_room.changeCam(device.id),
Navigator.pop(context)
},
),
)
.toList(),
),
)
],
),
),
);
}),
]
);
}
}

API Reference

The API references for all the methods and events utilised in this guide are provided below.

Got a Question? Ask us on discord