動画をCanvasに描画するには？ HTML5 Videoは、動画の再生や停止などの制御はできても、表示されている内容に対してアクセスできないため、そのままだとピクセル操作を伴うエフェクト処理はできません。そこで、現在表示している動画の1フレームを画像 ...

VideoからCanvasに転送する方法が分かったら、次にリアルタイムで転送する処理を作ります。 HTML5 Videoでは、再生時間が変わったタイミングで「timeupdate」というイベントが発生します。このtimeupdateイベントが発生したら、動画をCanvasに転送するようにしたもの ...

ORBX.jsはスクラッチからJavaScriptで開発されたメディアコーデックで、1080p60のビデオをデコードする能力を持っている。デコードの処理にはJavaScirptが使用され、レンダリングにはWebGLが活用されている。Mozillaは3月、新しいJavaScriptエンジンである「OdinMonkey」を発表するとともに、JavaScript ...

動画を意図通りに制御するには、HTMLの<video>タグにおけるautoplay、muted、playsinlineといった属性の正しい組み合わせが必須です。特に「背景動画」として扱うのか、「コンテンツ動画」として扱うのかによって、設定すべき属性と読み込み戦略（preload）は明確 ...