前回はとりあえずHTMLの中にJavaScriptを書き込みましたが、実際はプログラミングのコード部分は別のファイルに書き込みます。それがJavaScriptファイル。まずはその分離の理由をたとえ話から始めています。ちなみに「たとえ話」って英語で何と言うか知って ...
プログラミングを勉強しようとしてまず手始めにやるのは参考書を読むかYouTubeのビデオを手あたり次第見ることです。もちろん日本人によるコンテンツはたくさんあるのですが、もし英語を理解できたら何百倍もの優良なコンテンツから知識を吸収できます。
ここまででThe Shodo(画面1、注1)に関する主要機能や装飾に関して触れてきましたが、情緒的な演出や機能をサポートする技術も実装されています。今回はそのうちvideo(ビデオ)とaudio(音声)というメディア系の要素と、JavaScriptの利用について紹介します。
ここまでで、ほぼリアルタイムで動画にエフェクトをかける処理を作り、プラグイン化によってエフェクト処理の分離もできました。 しかし残念なのが、せっかく面白いエフェクトができても、エフェクトを適用した後の動画をファイルに保存できないこと ...
VideoからCanvasに転送する方法が分かったら、次にリアルタイムで転送する処理を作ります。 HTML5 Videoでは、再生時間が変わったタイミングで「timeupdate」というイベントが発生します。このtimeupdateイベントが発生したら、動画をCanvasに転送するようにしたもの ...