HTML5＋JavaScriptでビデオエフェクターに挑戦！ (5/6)
エフェクト処理を分離してプラグイン化する サンプル04をベースにすれば、ビデオエフェクターをいくらでも作成できますが、より簡単にエフェクトの種類を増やせるように、エフェクト部分の処理を分離してプラグインとして機能するようにします。 まず、サンプル04からエフェクト処理部分だけをそっくり抜き出して別ファイルにします。中身はJavaScriptですから.jsファイルになります。次に、複数のエフェクトを呼び出せるように、プラグインファイルのURLを格納する配列を用意します。配列には以下のように書いておきます。 [ 'halfred.js', 'http://footage.openspc2.org/fx/blue.js' ] 「halfred.js」は同じドメインにあるエフェクトプラグインです。2番目のURLは、http://footage.openspc2.org/fx/にあるプラグイン「bl
video 要素 - html5doctor - HTML5.JP
サイト内検索 この記事は、html5doctor に掲載されている記事「The video element」を日本語訳したものです。この記事では、video 要素の使い方を簡潔に説明しています。 原文タイトル The video element 原文ページ URL http://html5doctor.com/the-video-element/ 著者 Tom Leadbetter 氏 原文投稿日 2009-06-18 一部、直訳ではなく意訳した部分がございます。原文と表現が異なることがございますので、ご了承ください。この本日本語訳には、翻訳上の誤りがある可能性があります。したがって、内容について一切保証をするものではありません。正確さを求める場合には、必ず各記事の原文を参照してください。当方は、この文書によって利用者が被るいかなる損害の責任を負いません。もし誤りなどを見つけたら、当サイト
<video>－HTML5タグリファレンス
<video>タグは、動画を再生する際に使用します。 <video>タグを使用することで、ユーザーにFlashなどのプラグインをインストールしてもらうことなく、標準のHTMLからシンプルに動画を扱えるようになります。 感覚的には<img>タグで画像を扱うような感じです。 動画ファイルの指定には、<video>タグのsrc属性か、<video>～</video>の中で<source>タグを使用します。 <source>タグを使う方法では、フォーマットの異なる複数の動画データを指定して、ブラウザに動画の再生候補を提示することができます。 ブラウザは、記述された順に再生可能なデータを利用するので、より多くの環境で動画を視聴してもらえる可能性が高くなります。 <video>～</video>の中には、 <video>タグがサポートされていない環境で表示させるメッセージを記述することができます。 <
HTML5 JavaScript APIs
HTML5 is all the rage with the cool kids, and although there's a lot of focus on the new language, there's lots of interesting new JavaScript APIs both in the HTML5 spec and separated out. This presentation will take you through demos and code behind the new JavaScript APIs, and explore where these features can be usedRead less
Webteko第8回でHTML5 videoタグについてLTした - mollifier delta blog
7/18(土)に神戸でWebteko(ウェブテコ)第8回が開かれた(告知ページ)。今回はデザインがテーマってことで、絵心とか全然ない僕はすごく楽しみにしていた。 LTの資料 僕も「Firefox3.5とvideoタグ」というタイトルでLTした(デザイン関係ないけど)。Firefox3.5からHTML5のvideo要素がサポートされたので、簡単なデモページを作って紹介したよ。 そのときの発表資料は以下。 Firefox 3.5 and video elementView more documents from mollifier. デモページのソースコード デモページはこのダイアリーに埋め込めないので、ソースコードを載せておく。 まず、1つ目のシンプルなやつ。 <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" cont
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
