タグ: [オープンソース] [GPL] [HTML5] [JavaScript] [jQuery] [Web] [動画]
html5mediaはjQuery/JavaScript製のオープンソース・ソフトウェア。HTML5を使って動画を流す場合に使われるのがvideoタグだ。現在主流になっているMPEG4にはライセンスコストがかかるので標準化が困難で、広まるのは難しい状況ではある。

Safariで実行した場合。videoタグのまま
そんなvideoタグを使えばFlashを使わない、または使えないブラウザでも動画の閲覧が出来るようになる。だがIEをはじめとしてHTML5に対応していないとvideoタグが使えないので二重の開発を行う必要があるのは問題だ。そこで使ってみたいのがhtml5mediaだ。
(もっと読む)
March 10th, 2010
Posted by
admin |
no comments
タグ: [ニコニコ動画] [フリーウェア] [github] [Google Chrome] [HTML5] [JavaScript] [Safari] [動画]
NicoHTML5はGoogle Chrome/Safari用のフリーウェア(ソースコードは公開されている)。FlashとHTML5の対立が度々話題になっている。アクションなどの動作ではまだまだFlashが優勢であるものの、最も大きな需要がありそうな動画プレーヤの分野ではHTML5が徐々に勢力を伸ばしている。

HTML5版ニコニコ動画を体験
特にYoutubeでは既にHTML5を使ったプレーヤが体験できるようになっており、GoogleがOn2を買収したことでさらに波に乗るかも知れない。そしてニコニコ動画でもHTML5を使って動作を楽しめるようにするのがNicoHTML5だ。
(もっと読む)
March 3rd, 2010
Posted by
admin |
no comments
タグ: [サービス] [フリーウェア] [github] [HTML5] [JavaScript] [PHP]
PHPWebSocketはPHP製のフリーウェア(ソースコードは公開されている)。HTML5で登場する新しい機能の一つがWeb Socketだ。JavaScriptを使って特定のWebサーバとソケット通信ができるようになる。これまでAjaxを使って行っていたような操作がもっと手軽に、さらに高度なこともできるようになるだろう。

クライアントサイド
だが実装までの道のりが複雑であれば利用頻度は少なくなってしまう。そこで参考にしたいのがPHPWebSocketだ。PHPWebSocketはPHPを使ったWeb Socketサーバの実装と、それと会話するクライアントのデモを提供している。
(もっと読む)
March 3rd, 2010
Posted by
admin |
no comments
タグ: [オープンソース] [デザイン] [フレームワーク] [Creative Commons] [CSS] [HTML5] [Web]
52FrameworkはHTML/JavaScript/CSS製のオープンソース・ソフトウェア。これまでのWebデザインが今後、大きく変わっていく可能性を秘めているのがHTML5やCSS3だ。まだ実験段階というイメージが強いが、GoogleやYoutubeをはじめとする大手サイトでも取り入れられ始めている。

Safari4での表示
最大シェアを持つIEの対応がいまいちなため、積極的に取り入れていくのは難しいと感じているかも知れない。しかし時代は進んでいる。ついにHTML5/CSS3をターゲットにしたデザインフレームワークが登場した。それが52frameworkだ。
(もっと読む)
February 9th, 2010
Posted by
admin |
no comments
タグ: [オープンソース] [github] [HTML5] [JavaScript] [MIT License] [Twitter] [Web] [Web API/Mashup]
Pbtweet ApplicationはHTML/JavaScript製のオープンソース・ソフトウェア。pbtweetと言えばFirefoxやSafariで使えるJavaScript製のソフトウェアで、TwitterをWebブラウザからでも高機能にしてくれるGreasemonkeyだ。

HTML5を使ったTwitterクライアント
そのpbtweetと同名ではあるがPbtweet ApplicationはJavaScriptのみならずHTMLファイルも合わせて提供される。ローカルや任意のサーバにアップロードして使うのだが実際のデータは各クライアントで管理する。それがHTML5のストレージAPIを使った方法だ。
(もっと読む)
December 16th, 2009
Posted by
admin |
one comment
タグ: [Apache License 2.0] [オープンソース] [開発] [Google Code] [HTML5] [iPod Touch/iPhone] [Java] [JavaScript] [Web]
GWT Mobile WebkitはJava製、iPhone向けのオープンソース・ソフトウェア。JavaScriptを用いずにWebアプリケーションを開発するためにGoogleが開発しているGWT(Google Web Toolkit)。PC向けの開発が容易になるのはもちろんだが、最近シェアが広がりつつあるスマートフォンに対しても使えるともっと便利だろう。

ストレージAPI
そこで作られているのがGWT Mobile Webkitだ。特にiPhone向けを意識している。PC向けブラウザでは多数のバージョンが存在するが、iPhone向けであればSafariに限定できる。さらにHTML5にも対応しているので高度な機能を使えるようにしているのが特徴だ。
(もっと読む)
November 19th, 2009
Posted by
admin |
no comments