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.

• getCameras()
• changeCam()