Я хотел бы получить необработанные данные (TypedArray или что-то) из элемента видео и манипулировать ими с помощью JavaScript.

В настоящее время я создаю новый холст, рисую видео на холсте и затем получаю данные изображения.

ctx.drawImage(myVideo);
var data = ctx.getImageData(0, 0, w, h).data;

Он работает нормально, но он загружает процессор (помещает видео на холст и копирует обратно с холста) и создает много мусора (около 50 МБ каждую секунду). Есть ли другое простое решение? Было бы здорово, если бы я мог передать свой собственный буфер getImageData (...).

КСТАТИ. рисовать видео с помощью WebGL и загружать его обратно из GPU не быстрее :(http://jsperf.com/getting-raw-data-from-video