「おやゆびでお」がv1.6でApple Digital AVアダプターや同VGAアダプターなどを使って、再生画面を外部ディスプレイ（テレビやプロジェクター）に映すことができるようになりました。勿論、本体側の液晶画面上でスワイプやどこでもジョグ、垂直スライダーなどの操作が行えます。映像だけが外部ディスプレイ側に映るイメージです。

なおアダプターはアプリを起動する前に接続しておいて下さい。またアダプタを外した時はアプリも起動しなおさないと本体側に映像が戻ってこない場合があります。この辺りは将来バージョンでは修正したいと思います。

出力可能な解像度は各アダプタと本体のモデルによって異なります。

P.S.

以前のエントリでお知らせしたv2.0でのカメラロール動画、iPodライブラリ動画への対応ですが、少し苦戦しています。再生自体は既にできているのですが、

• カメラロールの縦長動画に合わせて画面を回転する
• iPodライブラリ中の、TV番組やiTunesU等のコンテンツに関して、標準「ビデオ」アプリの様に番組毎にまとめて階層化する

Tweet

おやゆびでお v1.5にしたらファイルが削除できなくなった、という報告をいただいています。
最初、削除の操作方法が変更になったためやり方がわからなくなった、ということだと思っていたのですが、アプリがクラッシュする、という報告も上がって来ました。
しかしこちらの手元でまだ情況の再現ができていません。

ほぼ原因が特定でき修正版のテストを開始しました。大丈夫そうならすぐにでも審査に提出します。ご迷惑をおかけしますがもう少々お待ち下さい。

お手数ですが削除できないという方は下記の情報をコメント欄にてお知らせ願えないでしょうか（正常に削除できてる方の情報も問題切り分けの助けになるので歓迎です）。

1. 使用機種
2. iOSバージョン
3. 削除はファイル名スワイプからか右上ボタンから「削除」モードに入って行ったか？
4. 削除ファイルは、「iTunesファイル共有」、「他アプリからの受信ファイル」、「秘密フォルダ」のどこにあったものか？
5. クラッシュした後、アプリを再度立ち上げるとファイルは消えているか残っているか？
6. 対象ファイルの種別（mp4、movなど）
7. ファイルを入れた方法（iTunesから、他アプリのOpen In…経由、その他ツールを使用（具体的に）、など）

ご迷惑をおかけしますがよろしくお願いいたします。

This is a thread about crash symptom when you try to delete files on ThumbVideo v1.5. Please report your situation. Thanks.

Tweet

おやゆびでお v1.5の新機能「秘密フォルダ」に関してのエントリです。

本機能は予め指定したプライベートな動画ファイルをリストに表示しない為のものです。実際にはDocuments/Secretというサブフォルダに移動しているだけで、高度な暗号化処理等はしていません。パソコンにつないである種のツールを使えば簡単に覗き見られてしまうのでご注意下さい。あくまでiPhone/iPad上での簡易なカモフラージュ機能です。

■使い方

本機能はその性質上、呼び出し方自体も少しわかりにくくしてあります。具体的には、「Local Files」画面右上のボタンをタップしてアクションシート（メニュー）が出た状態で３秒待ちます。するとメニューが裏メニューに切り替わります（写真）。iPadの場合はシート表示中にもう一度ボタンを押すことでも即時表示することができます。裏メニューから「秘密フォルダを表示」をタップし、初期パスコードとして0000を入力して下さい。それで秘密フォルダ表示状態になります（リスト上に「秘密フォルダ」というグループが追加されます）。更にもう一度右上のボタンをタップし、「表示／非表示切替」を選んで下さい。ナビゲーションバーが緑色に変わり、タップしたファイルが「秘密フォルダ」グループに移動します。秘密フォルダに属するファイルをタップすると「iTunesファイル共有」グループに戻ります。「暗証番号を変更」でお好きな４桁のパスコードを設定して下さい。なおパスコードを忘れた場合、リセットすることはできますが、秘密フォルダ内のファイルは削除されます。「秘密フォルダをロック」を選んだり、アプリを終了すると秘密フォルダは見えなくなります。

Tweet

前々回（Mac編）、前回（LinkStation）とおやゆびでお用の自宅内ストリーミングサーバー構築方法を説明してきましたが、どちらも基礎編ということでリスト表示のためのHTMLファイルを手作業で作成しました。この方法は準備は最低限ですが、後日動画ファイルを追加する度にHTMLファイルも更新しなければなりません。そこで本記事ではPHPというスクリプト言語を使った自動リスト作成環境の構築について解説します。PHPスクリプト一式はこちらで配布しますので、まずはMacやLinkStationでPHPを有効にします。以下、前提として前記事での設定が完了しているものとします。

■スクリプトファイルを準備する

下記のリンクよりダウンロードし、解凍しておきます。

[thumbvideo_server_201.zip]
[thumbvideo_server_101.zip] 旧バージョン

2014.06.12追記：iPhoneで横画面時にフォントサイズが大きくなってしまうのを修正しました。

2013.11.24追記：iOS7風デザインのVer2.0を公開しました。URLに「?t=dark」を追加することでダーク配色にすることも可能になりました。

1.0系から2.0系に更新する方法は本記事の末尾に掲載してあります。

■MacでPHPを有効にする

/etc/apache2/httpd.confという設定ファイルで無効になっているPHP機能を有効にするよう書き換えます。

• アプリケーション->ユーティリティ->ターミナルを起動します。
• 「sudo pico /etc/apache2/httpd.conf」とタイプしリターンを押します。パスワードを聞かれたら自分が普段Macにログインする時のパスワードを入力します。通らない場合は管理者権限がないのかも知れません。他の管理者ユーザのアカウントで作業して下さい。

• Ctrl + Vで３画面ほど下へスクロールすると、「#LoadModule php5_module libexec/apache2/libphp5.so」という行が見つかるので、先頭の「#」を消します。
• Ctrl + Oで上書き保存します（ファイル名を聞かれるのでそのままリターン）。
• Ctrl + Xでエディタを終了します。画面がほぼ空白になったらターミナルは終了しても構いません。
• 前々記事でチェックしたWeb共有のチェックボックスを一旦OFFにした後再びONにします（Webサーバーを再起動して設定を反映させます）
• ダウンロードしたスクリプトセットを解凍して出てきた、index.php、video、icons、UiUIKITを前回作成したthumbvideoフォルダにコピーします。
• 前回のHTMLファイルがindex.htmlの場合、index.phpよりも優先して読み込まれてしまうので、削除するか他の名前に変更しておきます。
• 動画ファイルをvideoフォルダの中に移動します。

■LinkStationで利用する

LinkStationの場合、前回の設定で基本的にPHPも有効になっているので、下記の手順でファイルを配置します。

• htdocsフォルダにindex.phpが作られているので、削除するか別の名前に変えておく。
• ダウンロードしたスクリプトセットを解凍して出てきた、index.php、video、icons、UiUIKITを前回作成したthumbvideoフォルダにコピーします。
• 動画ファイルをvideoフォルダの中に移動します。

■使い方

■謝辞

本スクリプトは、簡単にiOSっぽい見た目のWebページを作成できるライブラリUiUIKit (Universal iPhone UI Kit)を使用させていただいております。この場をお借りしてお礼申しあげます。
Ver2.0からはUiUIKitは使用しなくなりました。

■Ver1.xからVer2系へアップデートする方へ

「video」フォルダ以外を上書きして下さい。iconsフォルダ内のgifファイルとUiUIKitフォルダは削除して構いません。

Tweet

前回のMac編に続き、今回は日本の代表的なNAS（ネットワークストレージ）であるBUFFALOのLinkStationを「おやゆびでお」の動画サーバーにする方法について解説します。前回の記事の「HTMLの作り方」までは同じなのでそちらをご覧頂いて、ビデオファイル（.mp4）とHTMLファイル（index.html）までは作っておいて下さい。

さてLinkStationといっても非常に多くのモデルが存在し、古いものになると今回説明するWebサーバー機能は利用できない場合があります。一概に対応しているかどうかは言えませんが、おそらく現行モデルの中でファームウェアが共通な、LS-XHL、LS-CHL、LS-WXL、LS-WSXL、LS-SL、LS-AVL、LS-VL、LS-WVL、LS-QVL、LS-XLシリーズなら大丈夫だと思います。それ以外の機種についてはサポートに「Webサーバー」機能がついているか問い合わせてみて下さい（Webアクセス機能ではなくWebサーバー機能です。PHPが使えるか、という聞き方でもいいかも知れません）。

1. thumbvideo用フォルダを作成する

shareなど適当な共有の１階層目に「thumbvideo」等の名前でフォルダを作成します。２階層より深いフォルダだと使用できないのでご注意下さい。

2. 管理画面でWebサーバー機能を有効にする

（写真はクリックで拡大）

• ネットワーク->Webサーバー画面を開く
• 「設定変更」ボタンをクリックすると上の写真の画面になる
• 「Webサーバー機能」を「使用する」に
• 「Webサーバー公開フォルダー」で先ほど指定したフォルダを選択する
• 「保存」をクリック

3. ファイルをコピーする

4. おやゆびでおでアクセスする

Tweet

「おやゆびでお」ではiTunesファイル共有でコピーした動画ファイルだけでなく、Webページ上にリンクされた動画を再生することができます。自宅のMac/PCやLinkStation等のNASをWebサーバーにして、そこに保存した動画ファイル一覧をHTMLで作って置けば、iPhoneやiPadの容量を気にすることなくいつでもお望みの動画を視聴することができます。

以下ではMacを使った方法を解説します。

技術的にはWebサーバーをインターネット上に公開すれば自宅外からもアクセスできますが、実際には通信速度の関係などで思うように再生されない場合があります。原則として自宅LAN内での使用を推奨します。また著作権的な問題のあるファイルをインターネットにパスワード制限等をせずに公開すると著作権者から多大な賠償金を請求されたり逮捕されたりということもあり得ますのでおやめ下さい。

■HTMLの作り方

ここではthumbvideoというフォルダの中に動画ファイルvideo1.mp4、video2.mp4、video3.mp3の３つのがあるとします。適当なテキストエディタソフト（テキストエディットでOK）で以下のように記述し、index.htmlといった名前で保存します。

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>我が家の動画ライブラリ</title>
</html
<h2>我が家の動画ライブラリ</h2>
<ul>
  <li><a href="video1.mp4">ビデオ1</a></li>
  <li><a href="video2.mp4">ビデオ2</a></li>
  <li><a href="video3.mp4">ビデオ3</a></li>
</ul>
</body>
</html>

後半の<li>で始まる行の「video1.mp4」の部分が言うまでもなく動画のファイル名です。その後の「ビデオ1」が一覧で表示される名前です。ファイル名と同じでも構いません。この行を動画ファイルの数だけコピーして追加します。

Mac付属のテキストエディットで保存する場合、フォーマットに「Webページ（.html）」というそれらしいのがありますがこれは選ばないで、「標準テキスト」にして下さい。一旦index.txtといった名前で保存されるので、その.txtを.htmlに変更します。indexの部分はなんでもいいですが、半角英数字でつけます。保存されたファイルをダブルクリックしてSafariやInternet Explorer等が起動し、以下のような画面が表示されれば成功です。

これを先ほどの動画と同じフォルダに保存します。

■Webサーバーを用意する（Mac編）

Macの場合は標準機能だけで対応できます。

1. アップル->システム環境設定->共有を開く
2. 写真の様に、「Web共有」をONに
3. 「パーソナルWebサイトフォルダを開く…」をクリックし、開いたフォルダにthumbvideoフォルダ（中に動画とhtmlファイルが入っている）ごと移動する

この画面に表示されている２つのアドレスの上の方（この場合は「http://192.168.0.105/~furuta/」にフォルダ名とhtmlファイル名をつなげたものが「おやゆびでお」に入力するアドレスになります。つまりここでは、「http://192.168.0.105/~furuta/thumbvideo/index.html」ですね。ただし慣習としてファイル名がindex.htmlの場合は省略できるので、「…thumbvideo/」まででもOKです。

こんな感じ。アドレス欄の右にあるボタンからホーム画面として登録しておけば、次からは自動的にこのページが表示されます。

HTMLが書ける人は画面のデザインなど自由に凝ってみて下さい。

またMacのWake-on-LAN機能を有効にし、iPhoneアプリの「iNet Pro」等を設定しておけば、スリープしているMacをiPhoneから起こすことができるようになるので、動画を見たい時にいちいちMacのところまで電源ボタンを押しに行かなくて済んで便利でしょう。

 ■Windowsの場合は？

Windowsの場合は標準でWebサーバー機能がついていないのでやや面倒です。単に上記の様に手作業でリストhtmlファイルをするのであれば、04WebServerやAN HTTP Serverで良いでしょう。将来的にフォルダ内の動画ファイルを自動でリストに追加するスクリプトまで使いたいのであれば、Apacheというやや高機能なWebサーバーソフトを使う事になるでしょう。いずれにせよネットや書籍で多くの解説が見つかると思うのでそれらを参考に挑戦してみて下さい。こちらでもできる限りサポートしていきたいと思います。

またhtmlファイルをWindowsのメモ帳で作る場合、「ファイルの種類」は「テキスト文書(*.txt)」でOKですが、「文字コード」を「UTF-8」にして下さい。ファイル名欄に「*.txt」という文字が入っているのを消し、「index.html」などとします。

Tweet