Есть задача - нарисовать кадр с видео и получить данные конкретного пикселя.
Для получения данных использую:
context.drawImage(video, 0, 0, width, height);
context.getImageData(10, 10, 1, 1);
В chromе и firefox все отрабатывает корректно - получаю данные по пикселю.
getImageData(10, 10, 1, 1); не работает если запустить в safari - валит ошибку
SecurityError: DOM Exception 18: An attempt was made to break through the security policy of the user agent.Unable to get image data from canvas because the canvas has been tainted by cross-origin data.
Дело в том что в видео присутствует хедер
access-control-allow-origin:*
Существует ли другой способ как получить данные по кадру с видео кроме прорисовки его на канвас?
И как можно обойти
SecurityError в safari?
