HTML5 3D Depth Viewer の使い方

HTML5 3D Depth Viewerは、2D画像とデプスマップのSBSもしくは、T/B形式の動画(mp4)/静止画(Jpeg)をリアルタイムに各種3D画像の変換表示するビューワー用WEBアプリです。
ハーフSBSやハーフT/B入力にも対応しています。またiPhoneのポートレートモードで撮影したデプスマップ内蔵のJpegファイルにも対応しています。各ファイルをドロップすると表示します。複数ファイルをドロップしてスペースキー/BSキーで画像を切り替える事もできます。
入力ファイル形式(フルSBS、ハーフSBS、フルT/B、ハーフT/B)は、後からキー操作でも指定できますが、ファイル名で指定することもできます。
filename_f.jpg : フルSBS
filename_h.jpg : ハーフSBS
filename_v.jpg : フルT/B
filename_u.jpg : ハーフT/B

また、デプスマップも、「黒が手前」と「白が手前」の2種類があります。同様に後から、ボタンやキーで変更できますが、ファイル名で指定することもできます。
b_filename.jpg : 黒が手前 ⇒ L/Rの右のボタン表示がFR(BK)になります。
w_filename.jpg : 白が手前 ⇒ L/Rの右のボタン表示がFR(WT)になります。
デプスの指定を間違えると左右が逆になるだけでなく、綺麗な3Dが作成できませんので、必ず「2D+Depth」表示で、デプスの種類とボタン表示が一致していることを確認して下さい。



メニュー ドロップダウンメニュー キー 機能
X   Q ブラウザの戻るボタンと同じ(ひとつ前に戻る)
Full   Enter フルスクリーン表示(サポートしているブラウザのみ)
iPhoneでフルスクリーン表示する方法はこちらをご覧ください。
Fit   F 表示画像をウィンドウサイズに合わせる
L/R   X 左右画像の入替
FR(BK) W デプスマップの「黒が手前」と「白が手前」の切り替え
表示がFR(BK)の時は「黒が手前」です
表示がFR(WT)の時は「白が手前」です
Stereo   S ステレオ表示形式選択ドロップダウンメニューの表示
  2D+Depth   2Dとデプスマップの横並び表示
SBS 横並び
  LR/RL   平行法/交差法 同時表示
  Dubois   Duboisアナグリフ(原画に赤や青があっても見やすい)
  Color   カラーアナグリフ
  Gray   モノクロアナグリフ
  H_Int.   横インターレース(主に3Dパッシブモニター用)
  3DLCD   縦インターレース(主に裸眼3D液晶スマホ用)
  HSBS   横50%圧縮のサイドバイサイド表示
Slide     スライドショー用ドロップダウンメニューの表示
  Off 0 スライドショー停止
(動画の場合は、ループ再生)
  3 Sec. 3 3秒間隔でスライドショー実行
(動画の場合は、連続再生)
  5 Sec. 5 5秒間隔でスライドショー実行
(動画の場合は、連続再生)
  7 Sec. 7 7秒間隔でスライドショー実行
(動画の場合は、連続再生)
  10 Sec.   10秒間隔でスライドショー実行
(動画の場合は、連続再生)
  BS ひとつ前の映像に戻る
SP 次の映像に進む
File     読み込んだ後でも、Hキーで100%⇔50%切替できる
  Full SBS   100%横幅のSBS映像ファイルを開く
  Half SBS   50%横幅のSBS映像ファイルを開く
  Full T/B   100%高さの縦並び映像ファイルを開く
  Half T/B   50%高さの縦並び映像ファイルを開く
Help     ヘルプ用ドロップダウンメニューの表示
  Japanese   日本語ヘルプ
  English   英語ヘルプ
  Version   バージョン表示
  Reset   設定を初期値に戻す
    M メニューボタンの表示/非表示切替
マウスダブルクリックまたは、一定時間操作しないと非表示になる

動画再生時は、画面下部に動画コントロールが表示される
プログレスバー 動画の再生位置表示、ドラッグで再生位置を変えられる
経過時間表示 動画の長さと現在の再生位置を秒で表示
Play P 動画再生/一時停止
Stop   動画再生を停止し、再生位置を最初に戻す
ボリューム表示 ボリュームレベルを%表示
    ボリュームアップ
    ボリュームダウン
Mute     消音

奥行き感調整、画像回転
上下左右矢印キー 奥行き感調整
K/Lキー 画像回転
Home or C キー 初期値に戻す

Mouse (PC)
ホイール回転 画像のズームイン/アウト
左ダブルクリック メニューボタンの表示/非表示切替
マウスドラッグ 画像の表示位置をシフトする
ファイルドロップ 映像ファイルを開く(複数選択可能)

Touch (iPad/iPhone/Android etc)
ピンチ 画像のズームイン/アウト
ダブルタップ メニューボタンの表示/非表示切替
タッチスクロール 画像の表示位置をシフトする