オンラインアルバムとしてSonology DS Photo+再評価

Pocket

16GBモデルのiPhone4Sを使っている妹が、最近動画撮りだしたら容量足りなくなったというので見てみると、動画ではなく写真が8割ほど締めていることが判明。「動画ファイルを入れて見るとかしない限り16GBで余裕」という勧め方をしてしまったんですが、写真でもそんなにいくんですねーサーセン。というか、厳密にはiPhoneでとった写真ではなく、デジカメで撮ってPCに移した写真を同期したものが2006年の分からドッサリ。(なぜかσ(^^)が苦労して)月単位でフォルダ分けしてあるので、同期する期間を減らせば空くよと説明するも、「たまに子供が赤ん坊だった頃のが見たくなる」と抵抗。んなのiPadやAppleTVで見ろよ、といいたいけれど、まぁ出先で人に見せたくなったりとかもするんだろう。

ってことで、サーバー/クラウドに上げておいてアプリからさくさく閲覧できるソリューションを物色。条件としては、

  • iPhoneでもiPadでも使える
  • 同期が簡単
  • 閲覧が簡単(リストではなくタイルビューが欲しい)
  • 速い
  • 安い(できれば無料)
  • それなりに名の知れて信頼感のあるサービス
  • そこから簡単にメールやFBポストができるとなお良し

あたり。クラウドストレージの無料容量を使うとすると、5GBだと足りない。古くからのHotmail使いだったけどSkyDriveは使ってなかったらしく25GB権はもらえなかったっぽい。

でまぁ、中略して結局落ち着いたのがSynology製のNASがもってるPhotoStation(Webアルバム)およびDS Photo+(iOSアプリ)を再活用してみようと。

■Synologyおさらい

Synologyは日本ではマイナーですがQNAPなどの競合にあたる海外NASブランドで、2011年に評価機をいただき本ブログでもレビューをしたことがあります。海外有力NASブランドの特徴として、

  • HDDが別売りで、ベイ数が違うモデルがラインナップされている
  • ファームウェアが共通化されており国産NASより多機能

というのがあります。Synology製品のファームDisk Station Manager(DSM)はもはやOSと呼べるほど多機能で、Ajax駆使しまくりのGUI操作が快適で、つい先日も4.2がリリースされたばかりです。2年も前のモデルなのにいまだに機能やパフォーマンスが向上するメジャーバージョンアップが提供されるなんて、国産製品ではちょっと考えられないですね。

ウチは5ベイのDS1511+ですが、NASだけでなくWebサーバー、メールサーバー、ルーターにまでなります。使ってないですがAsteriskまでパッケージが提供されていますw。もちろん国産NASがもっているスマフォ向けのリモートアクセス機能なども国産NAS以上に充実しています。例えばBUFFALOはリモートアクセス・ファイルブラウザ的なアプリ1つでPDFも写真も動画も一応表示できますってレベルですが、Synologyは目的別にアプリが用意されており、写真専用に配布されているのが表題のDS Photo+[公式]というわけです。

■DS Photo+のメリット

・同期が簡単

DS Photo+ではアルバム=フォルダというシンプルな管理な上、その実体ファイルはSMBやAFPで普通にネットワークドライブ上に見えてるので、特別専用のアプリを使ったりもっさりしたWebインターフェイスから操作をしなくても、普通にフォルダを掘って写真ファイルをコピーするだけで準備完了です。

現状は横浜自宅にあるDS1511+を使うので、まぁ別途コピーが必要ですが、自宅内に設置してあればお使いの写真管理ソフトの保存先をネットワークドライブにしておけばそもそも同期とか不要でしょう。

・閲覧が簡単

リテラシーの低い家族が使うので、標準の「写真」アプリに近い見た目がよかろうと。多くのファイルビューワーだと、左にサムネイル、右にファイル名やメタデータという配置のテーブルビュー(リスト画面)が使われてたりしますが、写真に限って言えばメタデータいらないので、タイル状に写真サムネイルだけが並ぶのがいいだろうと。これはiOS6からコレクションビューという名前でAPIが提供されており、これを使えばこの手のUIは比較的簡単に実装できます。しかしそれ以前だと各社独自に実装していたので、出来にバラツキがあります。

下に、DS Photo+、Web Access i (BUFFALO)、SugarSyncの一覧画面を並べて見ます。

IMG_3124 IMG_3123 IMG_3125
DS Photo+ Web Access i SugarSync

どうです?DS Photo+はタブバーのアイコンと背景色以外は標準写真アプリそっくりです。

BUFFALOは一応サムネイルビューと呼ぶモードがあるものの、サムネイルが小さくて写真の判別が難しい上に、4インチ画面に最適化すらされず放置されています。また先日仕事先のLinkStation用に設定しようとしたところ、LinkStation側のWebAccess機能のバージョンが古すぎて非対応だと切り捨てられていました。アプリのバージョンアップにあわせてファーム側も対応していってくれないんだ、、的な。ちょっと長期的に活用するのは不安が残ります。

SugarSyncは悪くないですがやはり見落としします(まぁ無料5GBじゃ足りないのでどのみち今回の用途にはあわないんですが参考まで)。

・速度も速い

速度もだいぶ違います。検証は愛知の実家で、Synologyは横浜、LinkStationは実家の状態で比較したんですが、明らかに横浜から持って来てるSynologyの方が速い。設定画面にサムネイル品質というのがあるので、おそらくNAS側でサムネイルを事前生成してあるんではないかと。標準アプリで本体内の写真を見るよりは遅いですが、WiFi環境なら実用レベルかと(ちなみに前記事のSoftEther VPN経由)。一方、Web Access iはたぶん写真データを丸ごとダウンロードしてiPhone側でサムネイルを作ってるらしく、まさに写真のように1つ1つが五月雨式に白紙アイコンからサムネイルに置き換わっていく感じです。ファイルブラウザに毛が生えたような作りなので、不可視フォルダである.AppleDoubleとか見えちゃってるのもダサいというか、リテラシー低い家族には使わせたくないですね。

・シェアもできる

実はDSMには単にファイル共有サービスやアプリ向けに写真データを送信するだけでなく、自前のWebアルバムサービスPhotoStationを内蔵しています。つまりPicasa Webアルバムやflickrみたいなブラウザ閲覧できるページを簡単に公開できるわけです。アプリからはそのURLを簡単に取得できるので、写真データ自体はNASにおいたまま、URLをメールとかで人に伝えて見せることもできます。もちろんFacebookやTwitterにシェアすることも可能。

なお、インターネットに公開する場合、80/443番ポートを本機に向けて通過させ、適当なドメイン名をとるなどが必要になります。「http://ホスト名/photo/」にアクセスするとPhotoStationになります。ホスト名だけ(/)だと、5000番ポートにリダイレクトされて管理画面のログイン画面になりますが、そちらのポートを空けないでおけば不正アクセスされることはないでしょう。PhotoStation用に独自ポートを空けることもできるっぽいですがなぜか上手くいきませんでした。自宅内から見られれば良いというのであればこの辺は一切気にする必要なしです。DS Photo+側には単にIPアドレスだけ指定すればOKです(/photo/はつけない)。

・ユーザ単位で作れる!

そしてこれを今までは知らなかった(DSMのどこかの時点で追加された?)んですが、DSMのユーザ毎に独立で公開できることがわかりました。普通は共有フォルダのphotoフォルダ下のフォルダがアルバムとして見える関係なんですが、設定画面で個人公開をオンにすると、SMB(UNC)的には\\IPアドレス\home\photoという個人フォルダ下のphotoフォルダが公開対象になります。PhotoStationのURLは「http://ホスト名/~ユーザ名」、DS Photo+側のサーバー指定は「IPアドレス(ホスト名)/~ユーザ名」で良いようです。これを使えば、元々あったσ(^^)のアルバムとは全く独立に家族の写真をホストすることができます。これも国産NASではあまりない機能なんじゃないでしょうか。

 

とりあえずはインターネット公開はせず、自宅内からの閲覧で使ってもらおうと思います。要望があれば横浜でポートあけてもいいんですが、まぁiPhone4Sの3Gだと実用になるか微妙だし。いずれは実家にももう一台2ベイクラスのを一台設置したいなぁとか思ったり。

iPhoneと重ねて持ちやすいモバイルバッテリー ProMini 4000+

Pocket

今週けっこう外出仕事が多いというのに、SONYのスティック状モバイルバッテリーが行方不明なので急遽追加購入。スティックタイプはバッグに忍ばせておくのに良かったんだけど、(短いケーブルで)充電しながらiPhone等を使う時にやや持ちづらかったので、今回はiPhoneと重ねて持ちやすいかと思って薄型プレート形状のものにしようとリサーチ。SONY党なのでCP-F1SAVP(9mm厚)にしようと思ったんですが、更に薄い7.5mmのものを発見。モバイルバッテリーの格安品は容量数値がアテにならないと言われるし、こんなヒドい例もあるので、無名メーカー品でやたら容量が大きく(超10,000mAh級)かつ無闇に安いものは不安ですが、これはSONY製のどっこいのスペック/コスパなので逆に信用してもいいかなとw。まぁ、どうせ日帰り移動用なのでせいぜいiPhoneがほぼフル充電になれば充分だしってことで、形状優先でチョイス。一緒にLightningの10cmケーブルも調達(やっぱり純正以外はコネクタ部分が大きめ…)。

SDIM0406

商品写真だと分かりづらいですが、表面はシボの入ったアルミ、背面は鏡面です。そうまるでiPod classic。背面側はエッジにアールがついてるとこまでそっくり。なので、手に持った感じはしっくりきます。「タッチセンサー搭載」とありますが、これは黒い帯状の表示部分のことで、触ると青色LEDで残量が表示されます。またSONY製品のようにケーブルをつないだけでは給電されず、タッチセンサー部分を長押ししてON/OFFします(最初ちっとも給電されなくて不良品かと思ったw)。ひと手間かかるのはちとメンドイ。

充電器が付属せず、手持ちの5V充電器で充電します。それがない人だとCP-F1LSAVPの方がコスパは高いかも。microUSBケーブルとソフトケース、短めのDockコネクタケーブルがオマケで付属してました。

SDIM0409

こちらが重ねて片手で持った感じ。どうでもいいです事が逆さまにして使う形になります。そして表面がツルツルなので滑ってやや不安定です。親指を縦横無尽に動かす度にズレてやや扱いづらい。なんかゴムシート的なものを貼りたくなります。せっかくなのでこの薄さをスポイルしない方法を考えたいですね。

ちなみにこうした扱いやすさではランドセル型というかiPhone5専用で一体化するタイプが一番だと思いますが、次期種でも使える保証がないのと、イヤホン端子が塞がるので避けました(イヤホン端子を使う理由は次記事で!)。たまにはXperia SXにも使いたくなるかもですし。でも、日帰り外出で帰り道ちょっと残量不安だなー、くらいのケースなら2,200mAhで充分。iPhone5Sで使えなくてもまいっか、と思える値段だし、イヤホン端子の問題がなかったらそっちでも良かったかなぁとも思ったり。

ARROWS Tab Wi-Fi QH55/J インプレ

Pocket

前回注文したと書いたARROW Tab Wi-Fi QH55/J(厳密には価格.com/WEB MART限定のWQ1/Jだけど保証条件などが違うだけなのでQH55/Jと記載)到着。Office無しモデルの販売が15日に早まり、結局入手は1日遅れだったけど何千円か安かったからまぁよし。ちょうど仕事がバタバタしててじっくり触れてなかったですが、ようやく一段落したのでレビュー。

■ハード周り

薄い!軽い!普段がiPad3でハードカバーつけた状態なので、はっきりわかります。アスペクトが横長なので片手で左右端をホールドした時は若干重く感じることはありますが、それでもiPad3よりかは扱い易いかな。

額縁も適度にあるので、iPad miniほど持ちづらい(指が液晶にかぶってしまう)ということはないです。無理に背面にリングとかつけなくても、親指操作できますね(人差し指でホールド)。画面端だけで動画視聴操作できる「おやゆびでお」の移植欲が高まります。

ランドスケープが標準でステレオスピーカーが底面に付いているので、横向きだと片側からしか音が出ないiPadよりも動画視聴には向いてますね。16:9の動画もiPadより実質大きく映せますし。一方で、電子書籍やWeb閲覧ならiPadの比率の方が使いやすいなとは思います。

充電クレードルは片手で載せ/外しできてとても良いです。これこそクレードルです。片手で本体持ち上げたら一緒にくっついてくるようなのはクレードルとは呼びたくない。

動画再生など重めの処理をしてるとCPU部分と思われるところが熱くなりますが、まぁ手で持つ部分でもないからいっか、って感じ。

画面下のWindowsロゴはホームボタンになってまして、タッチすると一瞬バイブが振動して疑似タクタイルフィードバックがあります。お風呂用に右のスタンドを買ってみたんですが、ちょうどこのロゴにかぶって押せなくなってしまいました…

通常のWindows機共通のログオンパスワードだとタッチ入力がめんどくさいので、パスコード(4桁固定)を使おうと思いますが、メールやファイルなどWindows機と同じフルアクセスがある端末に数字4桁はちょっと心許ないですね。Windows8ではピクチャーパスワードというのもあるので使ってみるかも。スレート機こそ指紋センサーは欲しいなぁとは思います。

■レスポンス

爆速ではないですが、特に困ることもないかなという感じ。生tsをMPC-HCで再生しても平気です。AtomはSATAが使えないのでSSDとの接続がPATAのはずなので、やはりディスクアクセスが今時のPCからすると一歩もたつく感じですかね。デスクトップでアイコンダブルクリックしてからウインドウが開くまでに少し間がある。

■DLNA端末として

DLNAクライアントとして「My Cloudビデオ+」というストアアプリが用意されています。プリインストールは「My Cloudビデオ」ですがアップデートできます。My Cloudは富士通が展開しているクラウドサービスですが、My Cloudビデオ+はピクセラが作っているようです。サポート情報によると、nasneもAX1000もDRまで対応となっています。nasne 3倍しか試してないですが良好です。シークしても2,3秒で再生再開できるし、15秒送り、10秒戻しボタンがあるのでCMスキップなども数タップでできます(欲を言えば秒数をカスタマイズしたいですが)。ただ、リスト画面が至極シンプルな作りで、接続できたDLNAサーバー上のコンテンツをズラァーっと表示するみたいです。まぁ、DLNAサーバーは同じコンテンツをジャンル別など仮想フォルダとして複数のパスで見せることが多いですが、「My Cloudビデオ+」はどうもそれぞれを別のコンテンツと見なすようで、すべてのコンテンツが3つずつ表示されてしまうのが難点です。バージョンアップに期待。あと、たまにサーバーがなかなか見えずにもたつくことがあります。

そしてAX1000の方は現時点で接続に成功しておらず。AX1000側の登録画面から見えない…AX1000のDRが問題なく見えるのであれば、そもそもnasneいらないかもってことになるんですが…

防水を活かしてお風呂に配置した感じ(右奥)。iPad3とデュアルモニタw。これで視聴中にFacebookやらの通知が来る度に中断してチェックとかしなくてよくなります。ちなみに画面の水滴を拭き取るのに乾いたタオルは必需品。

IMG_3092

■手書きメモ端末として

Microsoft Journal+Jot Proで試してみた限りでは全然ダメ。やっぱペン書きデバイスとして使うなら電磁誘導でないとダメですね。電磁誘導が使えるWindows8タブレットはあるんですが、まぁ今回は防水優先ってことで割りきってたので、仕方なし。

 

まだAX1000で視聴できてませんが、とりあえず防水DLNAクライアントとしてちゃんと使えつつも、Xperia Tablet ZやPanasonicの防水テレビよりも汎用性が高いデバイスってことで満足しています。冬場以外はあまり長湯をしない派だったけど、暖かくなってもしばらくは半身浴とかをしてみようかなと。

防水ピュアタブWindows8機だぜ Arrows Tab WiFi QH55

Pocket

hp 2760pを買った時、「MacBook Proを買った時、もうWindowsのノートPCは買わないかも知れないな、と思ったものですが、意外とそうでもありませんでしたw。」と書きました。

また、同様にAtomについても(遅いから)二度と買わん」とか思っていたのですが、結局これも覆されました。

てことで、Arrows Tab WiFiを注文しました。このモデルの特徴は、

  • AndroidでもWindows RTでもなくWindows 8のピュアタブ
  • Atom Z2760
  • メモリ2GB(Atomの制約)
  • SSD 64GB
  • 10.1インチ 1366×768 IPSタッチパネル液晶
  • 防水/防塵
  • 574gとiPad2より軽量

など。nasne録画をお風呂で視聴するビューワーとしてXperia Tablet Zが気にはなっていたんですが、Androidタブレット自体にほとんど価値が見い出せず割高なんだよなぁ等と思いながらヤマダ電機をぶらついてて発見。冒頭のようにWindows機には最近めっきり関心が向いていなかったので、昨年11月に発売されていた本機もまったくアンテナに引っかかってませんでした(^^;)。

もう在庫や価格(確か87,800-10%P)の確認をしてその場で気絶する寸前だったんですが、ふとカタログを見ていると、FARQ55J2というOffice 2010無しモデル(76,800-10%p)が3月末に発売されることを発見。ヤマダ価格で11,000円差。今更2010なんていらないし、例のOffice 365で2013が五台まで利用可能になる予定だったので、どう考えてても買って帰ったら損だということで「まだ20日も待たされるのかー」と思いつつも我慢して帰宅。更にWebで調べてみると、上記型番のモデルに関してはヤマダの価格はまずまずだったんですが、富士通の公式オンラインショップWEB MARTでOffice無しのCTOモデルが選択可能。さらに価格.com経由だと専用モデル扱いで67,628円。納期は一ヶ月という表示でしたが、まぁ、店頭にOfficeレスモデルが出回る今月末には届くんじゃね?位の気持ちでオーダー。WEB MARTでの買い物は多分初代LOOX Tとか買って以来。あれもCrusoeって超低消費電力がウリのもっさりCPUだったなぁとか。富士通のPC自体それ以来ぶりじゃないかな?

そして昨日になって嬉しいお知らせ。お届け予定日が繰り上がって今週末には届きそう。しかも今見たらWEB MART限定モデルはAtom納期未定につき受注停止になってる!滑り込みだったっぽい。モデルチェンジというか店頭モデル用に振り向けてる感じ?まぁ、でも半月近く予定が速まったのでwktkが止まらずエントリを書いてしまいました。

なお、Web限定モデルはQH55/Jではなく、WQ1/Jという型番になってますが、保証期間が2年(価格.comモデルだと3年!!)という違いしかないので、以後便宜的にQH55で統一したいと思います。

■気に入った点

まだ手元にないですが、カタログ・インスペクション。まずWindows8が使えるということ。もう既に何台にもWindows8を導入済みですが、いいですよWindows8。特にタッチはサクサク使えます。というか上に書いたとおり、Androidに魅力を感じないので、Xperia Tablet Zのように優れたデザイン&スペックの製品があっても、「で、何に使う?」っていうと余り浮かばないというのが現状です。AndroidでできるならiPadでも大抵足りる。それがWindows8となればゲームとかもネイティブでできちゃいます。iPad/iPad mini+リモートデスクトップ接続アプリで色々試したりはしてますが、やっぱり操作感やレスポンスがいまひとつ。Widnows8ならそれがもっと快適になるんじゃないかと。Atomなんでバリバリ3Dなタイトルは無理ですが紙芝居ゲーくらいなら多分。最悪でもリモートデスクトップ接続クライアントとしてiPadよりも優秀なんじゃないかと。

そして防水であること。多分ですが現状でWindows8が動く防水タブレットって他にないんじゃないかと。お風呂でテレビ(録画視聴)だけでなく、ゲームもできるなら長風呂アイテムにはもってこいだろうと。

またσ(^^)は長いことTabletPCを仕事(ユーザテスト等)のノートツールとして活用してきました。やはりペンUIとしてはiPadは全くMicrosoftには適いません。デバイスこそ電磁誘導ではないですが、手書き認識周りなどWindowsのペンUIが使えるならそっち方面にも活用でき、重たい2760pの代わりになるかもという期待も。少なくとも店頭で指でMicrosoft Journalで試し書きした限りでは良好な印象でした。これでとりあえず「仕事の為に買う」というエクスキューズが成り立ちます(笑)。そちらを優先するなら電磁誘導デジタイザがついて他社製品を選ぶべきだったんですが、今回は防水をとりましたw。WindowsストアアプリはJavaScriptベースで開発してもインク系APIが使えるっぽいので、Journal等で具合がよければなにかしら仕事用アプリも作って見たいなと思っています。

Atomなのはあまり良い印象はないですが、Clover Trailはデュアルコアで2コア/4スレッドだしビデオ周りもフルHD OKということなので、もう一度チャレンジしてみようかなと。それよりメモリが2GBなのがちょっと心配ですね。

あー超楽しみ!

HTTP Live Streaming覚え書き

Pocket

以前、Darwin Streaming Serverを使って動画ファイルをソーシャルビューイングする話を書きましたが、この方式(RTSP)だとiOS端末から視聴できないので、HTTP Live Streamingに挑戦してみました。

HTTP Live StreamingはAppleが推進しているストリーミング配信方式で、近年デ・ファクトになりつつあるようです。主立った特徴として、

  • Apacheなど通常のWebサーバーにファイルを置けば配信できる
  • クライアントの通信帯域に合わせて、複数用意したビットレートのファイルを自動的に使い分けてくれる
  • HTML5のvideoタグを使ってHTMLページ内でインライン再生できる(iPhoneは全画面強制)

等があります。いつもソーシャルビューイングする面子にiPadしか通信端末がない人がいて動画視聴とチャットが同時にできなくて困ってたんですが、HTMLページに動画に加えインラインフレームでチャットサイトを呼び出すことで、1画面内で再生とチャットが同時に実現しました。更にAppleTV等AirPlayクライアントがある環境なら動画再生をそちらに飛ばし、iPad側はチャットに徹するという、疑似バックグラウンド再生までできてしまいます。画面写真を貼りたいところですが諸般の事情により自重。ベランダの植木鉢の成長動画をみんなで愛でている様でもご想像下さいw。

■動画の下ごしらえにはApple製のCUIツールを使用

iOS端末で視聴する場合、動画のコーデックはH.264を使います。ただしコンテナはmp4ではなく.ts(MPEG2 トランスポートストリーム)になります。更にDarwinで使う時のヒントトラックのようなインデックス情報をテキストファイルで用意する必要があります。これを簡単にしてくれるCUIツールがAppleから配布されています。Developer登録してないとダウンロードできないかもなので、未登録な人はFFMPEG等を使う方法をググったりしてみて下さい。今回は、streamingtools_beta157_signed.dmgを入手しインストールしてある状態で操作しています。

目標として、720p、600p、480pという三段階の画質/ビットレートの同内容の動画を用意し、クライアント側の帯域にあわせて自動選択をすることにします。H.264/AACなmp4ファイルを用意し、下記のフォルダ階層下に配置します。

src/
    lo/
        hoge.mp4
    mid/
        hoge.mp4
    hi/
        hoge.mp4

srcフォルダの下に、lo/mid/hiというビットレート別のサブフォルダを作り、それぞれの中にレート違いの動画hoge.mp4を置いてます。CUIツールでパス指定とオプションを駆使すればこの配置である必要もないですが、とりあえずAppleのドキュメントに倣っています。動画ファイルを取り違えないよう注意しましょう。

次に、各動画のコンテナ変換とセグメンティングを行います。

cd src/lo
mediafilesegmenter -s –I hoge.mp4

loの部分をmid、hiに置き換え計3回実行します。-sオプションは.tsファイルを単一ファイルで出力する指定。以前はセグメンテーション毎に通し番号の付いた無数の.tsファイルを生成されてたんですが、これをつければ出力される.tsファイルは1つだけになります。-I(大文字のi)はIフレーム単位のシークが行えるようにするインデックスも合わせて出力します。どちらもiOS端末がiOS5以降でないと対応できないようです。ここまででファイル構成は以下のようになると思います。hoge.mp4は不要になるので消しても構いません。

src/
    lo/
        hoge.mp4
        hoge.plist
        iframe_index.m3u8
        main.ts
        prog_index.m3u8
    mid/
        hoge.mp4
        hoge.plist
        iframe_index.m3u8
        main.ts
        prog_index.m3u8
    hi/
        hoge.mp4
        hoge.plist
        iframe_index.m3u8
        main.ts
        prog_index.m3u8

main.tsがtsコンテナにパッケージングし直された動画ファイルです。エンコードする訳ではないので数秒で終わります。prog_index.m3u8ファイルがHTML5のvideoタグで動画ファイルの代わりに指定するプレイリスト定義ファイルです。

次に、この3パッケージの動画をクライアントが動的に切り替えて使用できる統括プレイリストを作成します。srcフォルダ直下に移動し、

variantplaylistcreator -o all.m3u8 lo/prog_index.m3u8 lo/hoge.plist -iframe-url lo/iframe_index.m3u8 mid/prog_index.m3u8 mid/hoge.plist -iframe-url mid/iframe_index.m3u8 hi/prog_index.m3u8 hi/hoge.plist -iframe-url hi/iframe_index.m3u8

ちと見辛いのでビットレート毎に色分けしてみます。最初に出力ファイル-o all.m3u8を指定した後、prog_index.m3u8と(動画名).plistを指定し、-iframe-urlオプションでiframe_index.m3u8を指定。これをビットレート種類の数繰り返すわけです。Iフレームシークが不要な場合は3つ目は省略できます。これでsrcフォルダの下にall.m3u8が生成されます。

一式をWebサーバーに置き、QuickTime Player等のHTTP Live Streaming対応ソフトでall.m3u8ファイル(ビットレート固定したい場合は各サブフォルダのprog_index.m3u8)を開けば(QuickTime Playerの場合は「ファイル」->「場所を開く…」から)再生できるはずです。ただ、手持ちの環境では、なぜかWindows版のQuickTime PlayerやVLCでは再生できませんでした。せっかくiOSで再生できるようになったのにWindowsな人が排斥されては困ります。ここはまだ調査中です。

■HTMLページに埋め込む

HTMLファイルにこんな感じで書くだけでOKです。

<video src="all.m3u8" controls preload=”auto” width="100%"></video>

controlsは操作UIを表示する(なくても表示される?)、preloadはページを開くと同時に動画を先読みする指定です。その他、autoplayを指定すると自動で再生が始まるはずですがiOS(Safari)の場合は無視されるようです。JavaScriptからの再生制御もiOSでは効きませんでした。これができるとAjaxや時刻指定で一斉に再生開始して同期視聴できたり面白い
んですが…

実際に再生してみると、まずは480pの動画から再生され(多分variantplaylistcreatorで指定した順?)、帯域に余裕があると見るや600pや720pに途切れることなくスイッチしていきます。(事前のエンコは手間ですが)最低通信速度の面子に合わせて全員が画質を落とさなくても済むのは大きいです。

画質落ちてもいいからパケット量を減らしたい、という場合は、all.m3u8の代わりにlo/prog_index.m3u8を指定したHTMLを用意してやればOKです。我が家ではURIのGETパラメーターで指定できるように工夫したりしてます。

また、これもウチではMac/iOSのSafariからしか再生に成功していません。videoタグは使えるはずのChromeやFireFox、果てはWindows版のSafariでNG。.m3u8形式のファイルを動画として認識してくれないってことなんでしょうかね?WindowsやAndroidでもHTTP Live Streaming自体はできそうな記事がちらほら見付かるので、もう少しリサーチしてみたいと思います。

 

複数ビットレートを使い分けようとしない限り、事前の準備はDarwinを使ったRTSP配信とそう手間はかわらず、相手がMacかiOSなら別途ソフトのインストールもいらないで視聴できることがわかりました。難点は同期再生できないこととWindowsからの再生が(今のところ)できない点。このあたりはリサーチ次第で改善できる余地がありそうなので、もう少し研究してみたいと思います。