カラー修正MP4/Webmビデオ

Question

他の埋め込み方法（gif、pngシーケンスなど）には複雑すぎる/長いアニメーションがあり、ビデオの色に問題があります。基本的には、ビデオの一部としてウェブページの背景を含めることで、ビデオが再生されたときにエッジが現れないようにします。私たちはウェブページ上のグラデーションの背景をビデオに合わせようとしていますが、色は離れています。

MP4ビデオの色を修正する方法はありますか？または、html5で安全な方法でアルファチャンネルで動画を再生する方法はありますか？

Answer 1

残念ながら、普及しているブラウザのそれぞれがHTML 5ビデオの色を別々に扱うため、一貫した色を得ることが難しくなります。

H.264（MP4）ビットストリームは、使用しているカラープライマリ、転送特性、およびマトリクス係数のセットをオプションでエンコードできます。これらは例えばffmpeg -x264opts colorprim=bt709:transfer=bt709:colormatrix=smpte170m。少なくともMac OS Xでは、SafariとQuicktimeはH.264ビデオのこれらのビットに注意を払い、指定されたエンコーディングからモニターのカラープロファイルに色を変換し、すっきりとした色を作り出します。しかし、Chromeはこれらのビットを無視して、H.264とVP8ビデオの両方がBT.709カラープライマリを使用していると仮定しています（VP8仕様ではVP8規格に準拠する必要があります）。モニターのカラープロファイル一方、FirefoxはVP8ビデオ要素の出力変換をスキップし、モニタがsRGBであると仮定しているため、異なるカラープロファイルを持つモニタ間で色が矛盾し、広い色域モニタで途切れてしまう可能性があります。 （私はMac上でしかテストしていない、ブラウザは別のOSで動作が異なるかもしれない）

申し訳ありません申し訳ありませんが、私は良い解決策を持っていません。 manipulating the video in Javascript using a canvasで問題を解決することは可能ですが、そのようなものはパフォーマンスが低下する可能性があります。

Answer 2

同じ状況に直面したときに、いくつかのハックが私の心の中に現れました： オリジナルの背景色を使用して超小型ビデオを作成します（常に同じ色で表示されます）。任意のブラウザ）。これをバックグラウンドとして使用し、例えば100％にリサイズします。