Lately I’ve recognized that using the blur filter doesn’t work anymore in Chromium based browsers. Maybe this is only an issue with some devices or some operating systems since I can’t get it to work on desktop Linux but it is working on some Android phones.
This is what happens:
- Go to OpenVidu Call OpenviduCall
- Click “Join”
- Click the background effects button
- Activate the blurred background
- Nothing happens
Meanwhile, the following appears in the JS console:
Animation started: {htmlElement: video#source_video_undefined_c8687aed-76ec-4d02-bf6c-6119fbf99da1.OT_video-element.camera-type, width: 640, height: 480} {type: 'blur'}
Error playing video with Virtual Background applied DOMException: The play() request was interrupted because the media was removed from the document.
main.502643f4c515a381.js:1 Error applying filter for Stream undefined DOMException: The play() request was interrupted because the media was removed from the document.
ERROR Error: Uncaught (in promise): AbortError: The play() request was interrupted because the media was removed from the document.
WebGL: INVALID_VALUE: texImage2D: no video
WebGL: too many errors, no more errors will be reported to the console for this context.
The error with “texImage2D” appears 256 times.
I can reproduce this issue also with other OpenVidu apps, even with my own one.
Strangely enough, this does not happen when using Firefox.
Any ideas?