I'm trying to get 60 fps with my webcam/capture card in the browser. When I check the 'performance' tab in the developer console I only get 30 fps. I'm sure the webcam/capture card is able to send 60fps, because when I use quicktime it works correct. Is this maybe limited by the browser? I have tried in Chrome and Firefox..

I have created a simple webpage to start the webcam:

navigator.mediaDevices.getUserMedia({video: {width: 1280, height: 720, frameRate: {ideal: 60}}}).then((stream) => {
    .. // apply stream to video element
})
.catch((error) => {
    console.error(error);
    reject('No camera');
});

I have apply the 'frameRate' parameter in 'getUserMedia', but the output of the video element is still 30 fps. Is there an alternative way to get 60 fps of the webcam/capture card in the browser (without have latency)? Or am I doing something wrong?