Video.js 主流になってきているHTML5ビデオのプレーヤーを実装するためのJSライブラリ。 デフォルトのスキンで充分クールですが、独自のものに差し替えることも可能。HTML5ビデオ関連のブラウザ間のバグ吸収、サポートしていない場合にはFlash等への自動変換など、かなり至れり尽くせり。コードはCDNにホスティングされているのでダウンロードも不要と、かなり本格的にデファクトを目指したライブラリです。 使うときは、最有力候補かな。と、メモ。
via asserttrue.blogspot.com 実用的にも勉強としても、良い素材。 とりあえずリンク元にあるピクセル単位にイテレーションしながらテクスチャをジェネレートするアプリを再現してみたので、手っ取り早く試してみたい方はどうぞ。 Textures in HTML5 Canvas
via gokercebeci.com Webアプリでこのインターフェースを使うことの是非はとにかく、実装は非常に簡単。 特に業務用ツールなどに需要がありそうですかね。 あ、写真はこのライブラリと直接関係なく、自分がテストでアップロードしてみた手元にあったものですw
via hakim.se Bookmarkletの関係で直リンク貼れなかったので、ダイレクトにデモを見たい人はこちらから。 ページに好きな画像をD&Dすると、コンバートが開始されます。これが、最初にちょっと予想していたAA的なものではなくHTML5を駆使したハイクオリティなもの。軽く驚きました。 コンバートされた画像は、コードを持っていくことでどこにでも貼り付け可能。ただ、非常に巨大なテキストになっているんで、元画像に比べて軽くなるのを期待すると...
via letmein.at これは是非、デモを見ていただきたい。 運よく他の誰かがこのデモを触っていれば、更に面白いはず。 HTML5 Canvas + JavaScriptなんで、例によって「マトモな」ブラウザでしか動作しませんが。iPhone/iPadでも動くそうですので、そちらで見ている人も是非。 ヒートマップをこんなに軽快に、しかも他の人間の動きまでシェアするとは、久々に熱くなるライブラリです。 なんか、すっげー使い道がありそうなのに、思いつかない^^; とりあえず自社サービスでリアルタイム解析とかやってるところは、どうでしょ。...
via youtube.com タイトルも長くなってしまいましたが、動画も1時間超。 しかし、これは素晴らしい。 手元にある諸々のサイト、これで作り直したくなりますね。 テンプレートとして使うも良し、必要に応じてコードを覗き見して流用するも良し。
via vimeo.com 実際の地下鉄路線図と運行表で、電車の動きを表現しています。 これがHTML5+JavaScriptだけで書かれていることも驚きですが、面白いのは路線がクロスした際に音が奏でられるギミック。ニューヨークの地下鉄というと危険でギスギスしたイメージもありますが、なんだか優しい乗り物になった気がしてきます。 動画ではなく実際に動くものは こちら から。マトモなブラウザで、ぜひ音を出せる環境でご覧下さい。
via googlegeodevelopers.blogspot.com 自分のマシンではサクサクとは動きませんが、なかなか面白い。 Google Maps APIの空間移動/ズームの機能を地図以外に活用する可能性と、HTML5+Canvasで動的にイメージをレンダリングすることによる可能性の両方が見られるデモになってるかなと。
The Grid - The Grid is a simple but addictive game with a sharp “Tron” theme. It was created using HTML5 and the Open Web Platform. Jump to avoid the gaps, as well as the occasional racer that randomly appears and races toward you...
