HTML5 のビデオを動的に変更して、ビデオに表示されるユーザー名などのカスタム コンテンツを表示できますか?
(HTML5 でない場合、他の方法でこれを行うことができます)
HTML5 のビデオを動的に変更して、ビデオに表示されるユーザー名などのカスタム コンテンツを表示できますか?
(HTML5 でない場合、他の方法でこれを行うことができます)
はい。動的コンテンツを動画に簡単に同期できる Javascript ライブラリであるPopcorn.jsをお勧めします。さまざまな種類の動的コンテンツと効果を生成する Popcorn 用のプラグインが多数あり、かなりリッチなアニメーションを行うものもあります。または、独自のプラグインを作成することもできます。
コードを書かずに試してみたい場合は、Popcorn へのグラフィカル インターフェイスがあります。 https://popcorn.webmaker.org/
ビデオの上にコンテンツをオーバーレイするだけであれば、HTML と CSS を使用してかなり多くのことを達成できます。キャンバスを使用する主な利点は、動的コンテンツやビデオ自体にピクセル効果を適用できることです。(例: Seriously.js )。
キャンバスを使用するもう 1 つの奇妙な理由があります。これは、ビデオは圧縮され、通常はスケーリングされますが、HTML コンテンツはそうではありません。動的コンテンツを実際にビデオの一部のように見せたい場合は、キャンバスで生成し、スケーリング、ぼかし、またはその他の方法で劣化させることができます。