How to use the external web cam on browsers

Samithu Hettiarachchi 0
Viewed 36

Hi i have been working on a webpage where webcam is in use. it works fine with the primary laptop camera but my client is using a secondary/external webcam. what should i do to the webpage to use the specific camera instead of using the main laptop camera? or can he set up from windows the secondary camera as the default camera from windows like printers? (i dont have a second webcam test or check this)

browser web javascript html
1 Answers

Try this function

function getConnectedDevices(type, callback) {
    navigator.mediaDevices.enumerateDevices()
        .then(devices => {
            const filtered = devices.filter(device => device.kind === type);
            callback(filtered);
        });
}

getConnectedDevices('videoinput', cameras => console.log('Cameras found', cameras));

There are good examples on the webrtc.org webpage

webrtc.org, Getting started with media devices, Querying media devices

SyncToy0
Related