本動画ではJavaScript入門として、フロントエンド開発においてJavaScriptがなぜ必要なのかを初心者向けにわかりやすく解説します。HTMLやCSSだけでは実現できない動きやインタラクションの役割を理解することで、Web開発の全体像がつかめます。現役エンジニアの視点から、学習の第一歩として重要な基礎知識を整理します。

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

仕事中にWebブラウザで資料を見ていたら、急に動画や音楽が流れ出してびっくりしたという経験はないでしょうか。最近のブラウザでは明示的に再生ボタンを押さないと音楽は流れない仕組みになっていますが、昔からブラウザで音楽を再生するのは容易 ...

サンプル04をベースにすれば、ビデオエフェクターをいくらでも作成できますが、より簡単にエフェクトの種類を増やせるように、エフェクト部分の処理を分離してプラグインとして機能するようにします。 まず、サンプル04からエフェクト処理部分だけを ...

HTML5 Videoはそのコーデックまでは規約では規定されていない。現在のところH.264、OGG、WebMという3つのコーデックが有力視されており、ブラウザにおけるサポートもさまざまだ。IE9以前のIEのようにHTML5 Videoをサポートしていないブラウザに対応することも ...