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?

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

Navigator.mediaDevices.getUserMedia loads camera but not ios overlay
 
 
Q