html - Captivate を使用した HTML 5 の透明なビデオ

Question

そこで、グリーン スクリーンでビデオを撮影し、After Effects で背景を削除して、ビデオをアルファ チャンネルに保存しました。ビデオを Adob​​e Captivate に配置したいと考えています。これらのビデオは、スライド全体で語りの物語になります。ビデオをインポートして必要な場所に配置したら、プレビューに進みます。Captivates の通常のプレビューアでスライドをプレビューすると、背景が透明になります。しかし、プレビューしたり、HTML 5 に公開したりすると、背景が黒くなります。HTML 5 は、このプロジェクトを表示する必要があるものです。私は何か間違っているのでしょうか、それとも HTML 5 は透明なビデオをサポートしていませんか? ご協力いただきありがとうございます。

Answer 1

透明度のあるビデオをレンダリングするには、canvas 要素を使用する必要がある場合があります。https://github.com/m90/seeThruを参照してください。

seeThru - アルファチャンネルの透明度を持つ HTML5 ビデオ

このパッケージは、HTML5 要素に欠けているアルファ チャネルの「サポート」を追加します。元のビデオ データは単純にキャンバス要素に再レンダリングされるため、ビデオに透明度を使用する可能性が追加されます。アルファ情報は、動画のソース ファイル (動画) または別の要素 (静的) に含めることができます。