alt

もしクライアントのレギュレーションなりでHTML5ダメってなった場合、
のちのHTML5移行を想定してHTML4.01とXHTML1.0のどちらで作るべきか。
※XHTML2.0は策定打ち切りなので対象外

続きを読む »

先日のYoutube編に続き、
HTML5ビデオで動画再生を実装する際の有効手段として
オープンソースのライブラリを使うのが考えられます。

HTML5＋Flashのフォールバックでスマートフォン（iPhone,Android）のOSに対応しているものを探すと
「VideoJS」、「MediaElement.js」、「projekktor」、「LeanBack Player」などがあります。
VideoJSの方は内包しているswfにライセンス縛りのあるFlowplayerを使用しているので、
MediaElement.jsの方から試してみたいと思います。

MediaElement.js
http://mediaelementjs.com/
紹介記事
http://journal.mycom.co.jp/articles/2010/09/28/html5-video-and-mediaelementjs/index.html

続きを読む »

iPhone、Androidなどのスマートフォンサイトで動画コンテンツを提供するとなると
真っ先に思いつくのがHTML5の＜video＞タグですよね。

但し、OSやバージョンによって以下の要素がバラバラです。

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
＜video＞タグのサポート。（Androidは2.0～）
H.264、OGG、WebMなどのビデオコーデック。
再生可能な解像度、ビットレート、fpsの規定。
※コーデックは＜source＞タグで全部指定すれば大丈夫。
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－

iPhone、Android、Windows Phone、各種タブレットのブラウザに対応させるだけでもひと苦労ですね。。
実装手段としてHTML5 videoのサポート状況に応じてFlashのフォールバックを利用する
動画再生ライブラリもありますが、まずはYoutubeを使った実験をば。
※動画再生ライブラリを使うやり方は次回書きます。

続きを読む »

PCのブラウザ上での話しならコチラの記事を参考に
比較的簡単にHTML5のaudioタグで音声再生が可能ですが、
Androidのブラウザでも可能なのかどうかについて。

Andoridのデフォルトブラウザはaudioタグはサポートしていても、
PCM、MP3、AAC、Ogg Vorbisのようなファイルフォーマットには対応してないようです。
ネット上にもあちらこちらにバージョン2.2まではムリっすって声が聞こえますし、
実際にaudioタグを貼ってもプレイヤーが表示されず、音声も再生しない検証結果も出ています。
バージョン2.3では再生できたという記事も目にしましたが、
端末によってかもしれないし、Googleから公式のアナウンスがある？わけでもないので
音コンテンツを作るうえでどのように対応していくかが鬼門です。

続きを読む »

幅広い層にリーチしている大手ポータルやSNS・CGM系、Eコマース系のサイトは
iPhoneやAndroid用のUIをより洗練されたものに最適化していかなければならないと思うのですが、
実際どれほどのサイトが現状対応させているのか国内を中心にiPhoneで調べてみました。
意外と対応していないサイトが多かったことにびっくり。
まあ僕の個人的主観で選んだだけなので、偏りがあるのはお許しをば。

既存のPCサイトをただiPhone用にサイズ変更しただけのものから
無駄な情報を削ぎ落とし、専用のUIにブラッシュアップしたものまで様々でした。
iPhoneのSafariもAndroidのWebkitも基本ワンソース・マルチユースで展開できそうなので
今後はAndroidの普及率しだいというところでしょうか。
HTML5+JavascriptによってさらにFlashライクなリッチUIも登場してきそうです。

続きを読む »