クリエイター手抜きプロジェクト[245]iPad編 iPadで映像の電子看板(デジタルサイネージ)は可能?/古籏一浩

投稿:  著者:  読了時間:6分(本文:約2,700文字)


iPadの主な用途として宣伝されたのは「電子書籍」でした。電子書籍に比べるとささやか(?)ですが、もうひとつ「電子看板(デジタルサイネージ)」としての用途もあります。客の待ち時間にiPad上に映像や写真画像などを表示させておく、店の窓ガラスのところに服やメニューなどをスライドでエンドレスで表示しておく、といった使い方です。

しかし、iPadの画面サイズは小さく、多くの人に見せたい場合には、より大きい画面が必要になります。幸いiPadには大画面での表示を可能にする「Apple iPad Dock Connector - VGAアダプタ」が用意されています(本体とは別売)。

Apple iPad Dock Connector - VGAアダプタ
< http://store.apple.com/jp/product/MC552ZM/A >

また、接続時の映像サイズなどは以下のようになります。



iPad映像仕様
< http://www.apple.com/jp/ipad/specs/ >
Dock Connector to VGAアダプタ接続時:1024×768
AppleコンポーネントAVケーブル接続時:576pおよび480p
AppleコンポジットAVケーブル接続時:576iおよび480i

これを使用すると、iPadの映像がVGAディスプレイに出力されます。「iPadの映像」と書いたのには理由があって、iPadに表示されている画面がVGAディスプレイに表示されるわけではないためです。つまり、プレゼンテーションでブラウザ画面やアプリケーションの画面を表示して説明するといった用途には使えません(keynoteは使えるようです)。

特定のアプリケーションでしか使えない=YouTubeの映像や写真のスライドショーといった程度になってしまいます。つまり、電子看板で写真ではなく映像をエンドレスで再生しておきたい用途には使えない、ということになります。単純に決められた長さの時間だけ再生すればよい、というのであれば2時間分の映像を作成しiPad標準の「ビデオ」アプリケーションを使えば可能です。

しかし、店や商品の宣伝をするのに2時間や8時間の長さの映像を用意しなければいけないというのはイマイチです。ところが、思わぬ抜け道がありました。それは、Safariブラウザ上でHTML5を使って映像を表示するというものです。ブラウザ上に文字が表示されていても無視され、映像だけがVGAディスプレイに出力されます。

実際には、以下のようにHTML5コードを書き映像ファイルを用意しておきます。あと映像ファイルであるsample.movを、HTMLファイルと同じ階層に入れておきます。


<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>HTML5 Video +iPad Sample</title>
</head>
<body>
<h1>HTML5 Video +iPad Sample</h1>
<video id="myVideo"
src="sample.mov"
width="1024" height="512"
loop controls></video>
</body>
</html>


あとはサーバー上に転送しページを開きます。映像上に表示された再生ボタンを押せば、エンドレスで映像をVGAディスプレイに表示させることができます(音はiPadから出力)。映像のみでh1タグ部分やページ内の文字、ブラウザのアドレスバーなどはVGAディスプレイには表示されません。

実際の表示画面
< http://twitpic.com/201bsr >

なお、iPad用の映像変換については以下のページを参照してください。QuickTime 7を使ってmp4, H.264コーデックに変換してもかまいません。

注意点としては、VGAアダプタを接続するとiPad上の映像は静止画で表示されたままになることです。再生されるのはVGAディスプレイ上の映像だけになります。

iPad用映像変換について
< http://yataiblue.ashita-sanuki.jp/e274014.html >
< http://freesoftbangai.blog50.fc2.com/blog-entry-61.html >

これで電子看板(デジタルサイネージ)は一応実現できます。屋外はLEDでないと無理ですが。画質は落ちますが、遠目で見る分には大丈夫でしょう。あと、このケーブルはiPhone 4にも対応していると書かれているので、iPadでなくiPhone 4からでも同様に映像を出力できるかもしれません。

【古籏一浩】openspc@po.shiojiri.ne.jp
< http://www.openspc2.org/ >

「Software Design」7月号に電子書籍のフォーマット(EPUB)に関して記事を書きました。
・Software Design 7月号
< http://gihyo.jp/magazine/SD >

・ハイビジョン映像素材も順次追加してます。
< http://footage2.openspc2.org/HDTV/footage/HD/60p/ >

・ハイビジョン映像素材についてアンケート(6月末まで)
< http://www.smaster.jp/Sheet.aspx?SheetID=28846 >

・Adobe Illustrator CS3 + JavaScript 自動化サンプル集 発売中
< http://www.openspc2.org/book/PDF/Adobe_Illustrator_CS3_JavaScript_Book/ >

・電子書籍作成用ページ
< http://www.openspc2.org/eBook/index.html >

・1980年代からのmzユーザーに送るtiny XEVIOUS for 700の制作昔話
PDF、EPUB、AZW(Kindle)、プレーンテキスト、i文庫HD用テキスト、InDesignファイル含む
< http://digiconcart.com/dccartstore/cart/info/2561/40462 >