Прозрачное видео в HTML 5 с Captivate

Question

Так что я снял несколько видео на зеленом экране, удалил фон в After Effects и сохранил видео в альфа-канале. Я хочу разместить видео в Adobe Captivate, это видео будет рассказчиком на всех слайдах. После импорта и размещения видео, где я хочу, я перехожу к просмотру. Если я просматриваю слайды в режиме Captivates normal previewer, фон прозрачен, как раз то, что я хочу. Но если я просмотрю его или опубликую в HTML 5, фон станет черным. HTML 5 - это то, что нужно рассматривать в этом проекте. Я делаю что-то неправильно или HTML 5 не поддерживает прозрачное видео. Спасибо за вашу помощь.

Answer 1

Вам может понадобиться использовать холст элемент для рендеринга видео с прозрачностью см https://github.com/m90/seeThru

seeThru - HTML5 видео с альфа-каналом диапозитивов

Этот пакет добавляет «поддержку» недостающего альфа-канала в элементах HTML5. Оригинальные видеоданные будут просто повторно отображены в элемент canvas, поэтому добавлена ​​возможность использовать прозрачные пленки для вашего видео. Альфа-информация может быть включена в исходный файл видео (перемещение) или в отдельный элемент (статический).