四コマ日記

PCとスマホ、どちらでも再生可能なビデオ形式を調べたので、備忘録として。（現時点では、無理な事が判明。）

拡張性（？）の低いスマホ（ブラウザはHTML5対応済み）に、PCを合わせるのが良さそう…ということで、まずはHTML5ビデオについて調べてみた。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
【HTML５／ビデオタグとブラウザ対応状況】
●HTML5 の audio 要素と video 要素でサポートされているメディアフォーマット（最終更新:: ethertank, 2013/03/28 7:52:50 ）
https://developer.mozilla.org/ja/docs/HTML/Supported_media_formats

●HTML5タグリファレンス
http://www.htmq.com/html5/video.shtml


●HTML5 の audio 要素と video 要素の使用
https://developer.mozilla.org/ja/docs/HTML/Using_HTML5_audio_and_video

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
やっぱ、MPEG-4か…と、この記事がとても役に立ちました。
●モバイルWebでH.264がデファクトスタンダードになった件について思ったこと （2012-03-24）
http://saneyukis.hatenablog.com/entry/2012/03/24/224219

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
【課題】
PCとスマホで、ブラウザ上で、いずれでも再生できるビデオ形式はないか？
→PCもスマホも、HTML5をベースした場合に限れば、MPEG-4で対応可能。
→PCブラウザは、まだHTML5対応が不完全なので、現実的には、難しい。（IE8でさえ、未対応）

【テスト結果】テスト用ビデオを作って確認
●MPEG-4
※MacSafari：○／WindowsIE8：○／Android：×／iPhone：○

HTML5ベース＋MPEG-4
※MacSafari：○／WindowsIE8：×／Android：○／iPhone：○
※Androidは再生ボタンをタップする必要あり。

●WebM
※MacSafari：×／WindowsIE8：×／Android：×／iPhone：×

HTML5ベース＋WebM
※MacSafari：×／WindowsIE8：×／Android：○／iPhone：×

（注）WindowsIE８は、HTML5のビデオに未対応です。
（ほか）MOVは、結構再生状況が良かったです。Androidで再生できなかったのですが、一部のAndroidでは再生できたもよう。

（参考）
スマホのブラウザ（HTML５）で再生できる代表的な形式について。
●WebM：Googleが推奨
※Googleは特許料の高いH.264にお金を払いたくない。
　2011年にH.264のサポート止めるって言っていたくせに、サポートしてる。
●MPEG-4（H.264コーデック）：Appleが推奨
※AppleはH.264にメッチャお金をかけたので、もうコレがいち押し。
→デファクトスタンダードは、MPEG-4（h.264）
＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊

★PC向けウェブサイトでの現実的な対応案
「スマホでビデオを見る」ボタンを作り、HTML5ベースで再生するビデオを準備する。
その際、容量と画面サイズを抑えめにすれば、ユーザーに親切。
HTML５なら、デバイスによって再生可能な形式を選択して表示させる事ができるので、形式を複数用意し、もれなく対応させることができる。
★YouTubeにアップしてリンクさせれば、問題なし。これが、一番楽。推奨です。

★MPEG-4ビデオ　スマホ（iPhone）での再生について
2.5mps
640×480px
30fps
が最大なので、これ以内にて作成する。

＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊
しかし、GoogleがWebKitから離れていくこれから。すべてが流動的っぽいです。
●新Webエンジン「Blink」—GoogleはなぜWebKitを捨てたか？（2013年04月08日 20時00分更新）
http://ascii.jp/elem/000/000/778/778554/