Мы снимали представителя на зеленом экране и готовили видеофайлы в нескольких форматах.
С помощью Flash мы могли бы использовать прозрачный wmode в тегах param и embed, но есть ли что-то похожее на это с видео и исходными тегами в HTML5? Возможно ли даже правильно сохранить видео .m4v или .ogv, чтобы мы могли воспроизводить эти файлы с прозрачным фоном в наших браузерах?
Спасибо
Да, такого рода вещи возможны без Flash:
Однако только самые современные браузеры поддерживают видео HTML5, и это должно быть вашим соображением при развертывании в HTML 5, и вы должны предоставить резервную копию (возможно, Flash или просто опустить прозрачность).
Chrome 30 > поддерживает прозрачность видео альфа.
http://updates.html5rocks.com/2013/07/Alpha-transparency-in-Chrome-video
Нет. Это ограничение видеокодеков, поддерживаемых браузерами: mp4, ogv и webm в настоящее время не поддерживают альфа-каналы.
Есть обходные пути, но они требуют повторного рендеринга видео с помощью Canvas, и это своего рода хак. seeThru является одним из примеров. Он отлично работает на настольных браузерах HTML5 (даже IE9), но, похоже, он не очень хорошо работает на мобильных устройствах. Я не мог заставить его работать на Chrome для Android. Он работал на Firefox для Android, но с довольно паршивой частотой кадров. Я думаю, вам может быть не повезло с мобильным телефоном, хотя мне бы хотелось, чтобы вас доказали неправильно.
В настоящее время единственным видеокодеком, который действительно поддерживает альфа-канал, является VP8, который использует Flash. MP4, вероятно, поддержит его, если видео будет экспортировано как последовательность изображений, но я уверен, что видеофайлы Ogg не имеют никакой поддержки для альфа-канала. Это может быть один из тех редких случаев, когда прилипание к Flash поможет вам лучше.
Пока это невозможно с самим видео, вы можете использовать холст для рисования кадров видео, кроме пикселей в цветовой гамме и т.д. Это потребует некоторого javascript и, конечно же, такого. См. Видео-головоломка (видимо, сломанная на данный момент), Взрывное видео, и Видео в реальном времени → ASCII
webm format - лучшее решение для Chrome > 29, но оно не поддерживается в Firefox IE и Safari, лучшим решением является использование Flash (wmode = "transparent" ). но вы должны забыть "ios".
Quicktime movs экспортируется как анимация, но только в сафари. Мне жаль, что не было полного решения (или формата), которое охватывало все основные браузеры.