---slug: /guides/switch-webcam-or-microphone-with-signalwire-video-apisidebar_position: 3x-custom: ported_from_readme: true---# Switching Webcams or Microphones During a CallSignalWire Video API allows you to host real-time video calls and conferences on your website. In this guide, well learn to allow users to change the camera and microphone thats being used in the call.## Getting StartedIt is very easy to switch between input devices once you have the SDK up and running. However, if you havent yet set up a video conference project using the Video SDK, you can check out the [Simple Video Demo](/guides/getting-started-with-the-signalwire-video-api-1) guide first.## Getting a list of supported input devicesFirst, we want to find out what devices are available as input. Getting the list of media devices is handled by the WebRTC object available via SignalWire.WebRTC from the SDK. The methods in the WebRTC allow you to get the list of microphones, cameras, and speakers.### Listing webcamsTo get the list of connected devices that can be used via the browser, we usethe getCameraDevicesWithPermissions() method in WebRTC. The method returnsan array of[InputDeviceInfo](https://developer.mozilla.org/en-US/docs/Web/API/InputDeviceInfo)object, each of which have two attributes of interest to us here:InputDeviceInfo.deviceId and InputDeviceInfo.label. The label will be usedto refer to the webcam via the UI, and looks like Facetime HD Camera or USBcamera. The deviceId is used in your code to address a particular device.javascriptconst cams = await SignalWire.WebRTC.getCameraDevicesWithPermissions();cams.forEach((cam) => { console.log(cam.label, cam.deviceId);});### Listing microphonesExactly as with getCameraDevicesWithPermissions(), we can use the getMicrophoneDevicesWithPermissions() to get a list of allowed microphones.javascriptconst mics = await SignalWire.WebRTC.getMicrophoneDevicesWithPermissions();mics.forEach((mic) => { console.log(mic.label, mic.deviceId);});## Changing webcams and microphonesOnce you have set up the video call with SignalWire.Video.joinRoom() orequivalent methods, we can use Room.updateCamera() andRoom.updateMicrophone() to change devices.As a simplified example:javascriptconst roomSession = new SignalWire.Video.RoomSession({ token, rootElement: document.getElementById(root), // an html element to display the video iceGatheringTimeout: 0.01, requestTimeout: 0.01,});try { await roomSession.join();} catch (error) { console.error(Error, error);}const cams = await SignalWire.WebRTC.getCameraDevicesWithPermissions();const mics = await SignalWire.WebRTC.getMicrophoneDevicesWithPermissions();// Pick the first camera in the list as the new video input deviceroomSession.updateCamera({ deviceId: cams[0].deviceId,});// Pick the first microphone in the list as the new audio input deviceroomSession.updateMicrophone({ deviceId: mics[0].deviceId,});_Note that you dont explicitly have to update camera and microphone. SignalWire Video SDK chooses the preferred input devices by default on setup. Only updateCamera or updateMicrophone when you want to switch to a non-default device._## A complete code exampleA complete demo of switching between examples is available for you to read and experiment on [CodeSandbox](https://codesandbox.io/s/lingering-glitter-r8bxl). You can tinker with the code without leaving your browser. The functions of interest to us here are at src/frontend/index.js. Look for functions populateMicrophone() and populateCamera().
