Image capture.takephoto()

Hi,
I've created a camera app which allows user to take still pictures from the web app. This works great on Android and Window devices, however, not on Apple safari. Is there an alternative i could use?. I used mediastream which is working on all devices.
This is my takephoto code:


var photoSettings = {'imageHeight': 576,'imageWidth': 768}
imageCapture.takePhoto(photoSettings).then(function(blob) {
console.log('Photo taken:', blob);
img.classList.remove('hidden');
img.src = URL.createObjectURL(blob);
}).catch(function(error) {
console.log('takePhoto() error: ', error);
});

}