動画を背景としてブラウザいっぱいに表示し、その上にオーバーレイでコンテンツを配置するCSSのテクニックを紹介します。 下記は各ポイントを意訳したものです。 以前紹介した時（前の記事）からアップデートされ、実装の解説も充実しているので ...

「HTML5」って何でしょうか？ それは「HTML4」や「XHTML1」の後継となる、便利な機能が増えた次世代のHTMLです。今回はHTML5で追加されたvideo要素・audio要素について解説します。video要素・audio要素を使えば、動画や音声を簡単に再生できます。 初心者向けの ...

HTML5 Videoコーデックをめぐる状況はめまぐるしく変わっている。今後もしばらくの間、どのコーデックがデファクト ...

YouTubeは米国時間1月20日、ついにHTML5ビデオのサポートを開始すると発表した。 HTML5のvideoタグは、多くの最新ブラウザの ...

HTML5 videoに対応したブラウザとダウンロード先は YouTube HTML5 Video Player にまとまっている。iframeを使ったこの方法は、PCのみならずモバイルデバイスに対してもビデオの再生をサポートすることを可能にするという説明もある。iPhoneなどはYouTubeを閲覧するための専用のアプリケーションを持って ...

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

ここまでで、ほぼリアルタイムで動画にエフェクトをかける処理を作り、プラグイン化によってエフェクト処理の分離もできました。 しかし残念なのが、せっかく面白いエフェクトができても、エフェクトを適用した後の動画をファイルに保存できないこと ...