Navigator.mediaDevices.getUserMedia loads camera but not ios overlay

I have the following code

function load() { navigator.mediaDevices.getUserMedia({ video: true }) .then(function (stream) { var videoElement = document.getElementById('video'); videoElement.srcObject = stream; }) .catch(function (error) { console.log('navigator.MediaDevices.getUserMedia error: ', error.message, error.name); });

    }

        <video id="video" playsinline autoplay></video>

While the code works fine on browsers and load a camera on IOS. I can't seem to get the full IOS camera overlay (such as zooming etc) I just get a basic camera stream. Is it possible to stream the camera on a browser with full IOS camera functionality?

Replies

By full IOS Camera functionality I mean the native IOS Camera. Basically I want to use Navigator.mediaDevices.getUserMedia to stream the native ios camera, with the same features that would be apparent when you open the camera application