Здравствуйте уважаемые коллеги, дайте совет пожалуйста
Я хочу у себя в приложении в момент когда пользователь уходит на другу вкладку вызывать picture-in-picture в котором будет разная информация, пока просто его, пользователя, аватарка.
Я короче пришел к коду которые делает следующее:
1) генерирует канвасы в которых рисует простенькие аватарки пользователей
2) создается <video> ему в scrObject отправляет captureStream активного в данный момент канваса
3) когда мы ловим событие "visibilitychange" у этого видео вызывается requestPIP
Сначала была проблема что video в момент вызова ещё не было готово, я поставил проверку на 'loadedmetadata' , но теперь ловлю вот такую ошибку :
Uncaught DOMException: Failed to execute 'captureStream' on 'HTMLCanvasElement': Canvas is not origin-clean.
Как такое решается? Может быть где то видели хорошие примеры такой схемы - canvas - video - picture-in-picture ?