Возможно ли сделать видео с прозрачным фоном и встроить в HTML5?

Question

[Alex]

Хочется узнать есть ли на сегодня возможность встроить видео в HTML5 с прозрачностью, чтобы кадры из видео можно было с прозрачностью вставить в Canvas?
Если да то как, с помощью стандартных возможностей HTML5 или подключением JS фреймворка и какого формата должно быть видео?

Comments

[RAX7]

https://developer.mozilla.org/en-US/docs/Web/API/C...
https://github.com/brianchirls/ChromaGL

[Alex]

RAX7, прикольно но не то. Хромакей плохой вариант реализации прозрачности и примеры это отлично демонстрируют :)

Answer 1

[xmoonlight]

https://github.com/m90/seeThru

Comments

[Alex]

Попробовал WebM в Adobe Encoder сделать с опцией Include Alpha и просто вставить тег video c source, и оказывается хром спокойно читает прозрачность. Правда есть минус один рамка вокруг объекта
То ли это конвертер так плохо работает, то ли хром так читает маску.

[Alex]

Тьфу ты, оказывается Stroke в AfterEffect не убрал)) отсюда и рамка черная вокруг круга.

[xmoonlight]

alexjet73, Ну значит - Поздравляю!

Answer 2

[Олег]

https://jakearchibald.com/scratch/alphavid/

Comments

[Alex]

как вариант хороший! А на сегодня нет формата который бы полностью поддерживал прозрачность, так же как gif или png без прикрепления отдельного альфа канала? т.е. чтоб экспортировал из AE или Adobe Premiere и просто вставил в html?

[Alex]

sashabeep, а есть примеры? Не могу найти где бы использовался метод встроенный в браузер.