Chrome update-Failed to execute 'createObjectURL' on 'URL'

Question

I\'m taking an image from the webcam and storing it to the server. Everything was working fine until I got the chrome update today. My latest chrome version is:

Answer 1

In chrome, it works fine if you use:

video.srcObject = stream;

Instead of:

this.srcObject = stream;

See printscreen here

Answer 2

It's just been removed from the current version of Chrome. I suddenly started getting this error after it updated. I have no idea why it never printed deprecation warnings before today.

Instead of setting the src property to URL.createObjectURL(stream) you're now supposed to set the srcObject property to the stream directly. It seems to be working in Chrome and Firefox.

Source: https://developers.google.com/web/updates/2018/10/chrome-71-deps-rems

Answer 3

Have you tried this?

try {
  camera.srcObject = stream;
} catch (error) {
  camera.src = window.URL.createObjectURL(stream);
}

Answer 4

Since google update version 71, this issue is generating. I also faced this issue. But now I got the solution to it. Here is the solution:

Replace

videoElement.src = URL.createObjectURL(screenStream);

to

videoElement.srcObject = screenStream;