「Universal VR」の版間の差分

提供: ディーズガレージ wiki
移動先: 案内検索
(具合)
 
(同じ利用者による、間の203版が非表示)
5行目: 5行目:
 
全方位ステレオ映像とVR180映像を作ってみます。<br />
 
全方位ステレオ映像とVR180映像を作ってみます。<br />
 
[https://dz.plala.jp/ods/ 全方位ステレオ映像]<br />
 
[https://dz.plala.jp/ods/ 全方位ステレオ映像]<br />
[https://dz.plala.jp/ods/vr180.html VR180映像]<br />
+
[[ファイル:qr_vr.png|300px]]
[[ファイル:qr_vr.png|270px]][[ファイル:qr_vr02.png|270px]]
+
 
+
全方位ステレオ映像
+
フッテージ [https://www.youtube.com/watch?v=l072cQC2BCo Chagas disease drug molecule / CC BY 3.0 - YouTube]<br />
+
オーディオソース [https://www.babylonjs.com/demos/audioanalyser/ Babylon.js - Web Audio Analyser demo]<br />
+
2560x1440 30fps ターゲット8.00Mbps 最大10Mbps キーフレーム5<br />
+
 
+
VR180映像 https://jouer.co.jp/vr180toha-vr180camera/<br />
+
フッテージ 「Z CAM K1 PRO」サンプルフッテージ @ジュエ株式会社]<br />
+
2048x1024 30fps ターゲット6.00Mbps 最大10Mbps キーフレーム5<br />
+
audio -24dB AAC 44100Hz 192kbps
+
  
 
=='''具合'''==
 
=='''具合'''==
 +
VBR2pass, 10Mbps, 12Mbps, keyframe:5
 +
{| class="wikitable" style="width:360px;"
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"|
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| Intel内蔵GPU
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| GTX1050Ti
 +
|-
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 4096x2048
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 40fps
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 60fps
 +
|-
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 3840x1920
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 50fps
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 60fps
 +
|-
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 2560x1440
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 60fps
 +
| style="padding-left:10px;padding-right:10px;text-align:right;"| 60fps
 +
|}
 +
 
Babylon.js
 
Babylon.js
* iOS video,audio volume扱い注意
+
* iOS 縦画面video.pause()欲しい
* VideoDomeからAnalyserにaudioソース流せない?
+
* iOS sensorリセット欲しい
* iOS 20Mbps辺り止まる
+
* iOS halfDomeのMODE_SIDEBYSIDE壊れてる
* Blob再生コマ落ちするbitrate?
+
* Firefox80.0 fullscreen解除壊れてる > 81.0でなおった
* sensor正面変 fovない
+
* iOS video.volume機能しない (safari デフォルト)
* MPEG-DASH DRMは?
+
* zoom欲しい [https://doc.babylonjs.com/babylon101/cameras#vr-device-orientation-cameras VR Device Orientation Cameras]
* [https://doc.babylonjs.com/babylon101/raycasts Raycasts - Babylon.js Documentation]
+
* [https://www.w3.org/2010/05/video/mediaevents.html HTML5 Video Events and API]
+
  
 
VR180
 
VR180
 
* VR180対応カメラの仕様 上下端視差あり,左右なし<br />VRayStereoscopicを切欠くと上下端視差なし,左右あり 使える?
 
* VR180対応カメラの仕様 上下端視差あり,左右なし<br />VRayStereoscopicを切欠くと上下端視差なし,左右あり 使える?
  
メモ
+
=='''メモ'''==
* 地上デジタル放送(1440x1080) 17Mbps
+
* [https://doc.babylonjs.com/babylon101/raycasts Raycasts - Babylon.js Documentation]
* BSデジタル放送(1920x1080) 24Mbps
+
* [https://www.w3.org/2010/05/video/mediaevents.html HTML5 Video Events and API]
* BS2K放送(2560x1440)
+
 
* BS4K放送(3840x2160) 33Mbps
+
放送
* BS8K放送(7680x4320) 100Mbps
+
* 7680x4320 BS8K放送 100Mbps 22.2ch音響
 +
* 3840x2160 BS4K放送 33Mbps
 +
* 1920x1080 BSデジタル放送 24Mbps
 +
* 1440x1080 地上デジタル放送 17Mbps
 +
YouTube
 +
* 3840x2048 18Mbps
 +
* 3840x1920 16Mbps 2:1
 +
* 2560x1440 10Mbps 16:9
 +
* 1920x1080 4Mbps 16:9
  
 
=='''環境'''==
 
=='''環境'''==
{| class="wikitable" style="width:480px;"
+
{| class="wikitable" style="width:360px;"
 
| style="padding-left:10px;padding-right:10px;"| DCCツール
 
| style="padding-left:10px;padding-right:10px;"| DCCツール
 
| style="padding-left:10px;padding-right:10px;" | Adobe CC, 3dsMax, V-Ray
 
| style="padding-left:10px;padding-right:10px;" | Adobe CC, 3dsMax, V-Ray
 
|-
 
|-
 
| style="padding-left:10px;padding-right:10px;"| デバイス
 
| style="padding-left:10px;padding-right:10px;"| デバイス
| style="padding-left:10px;padding-right:10px;"| iPhone XS
+
| style="padding-left:10px;padding-right:10px;"| iPhone XS 解像度 2436x1125
 
|-
 
|-
 
| style="padding-left:10px;padding-right:10px;"| HMD
 
| style="padding-left:10px;padding-right:10px;"| HMD

2020年9月23日 (水) 17:03時点における最新版

全方位ステレオ映像とVR180映像を作ってみます。
全方位ステレオ映像
Qr vr.png

具合

VBR2pass, 10Mbps, 12Mbps, keyframe:5

Intel内蔵GPU GTX1050Ti
4096x2048 40fps 60fps
3840x1920 50fps 60fps
2560x1440 60fps 60fps

Babylon.js

  • iOS 縦画面video.pause()欲しい
  • iOS sensorリセット欲しい
  • iOS halfDomeのMODE_SIDEBYSIDE壊れてる
  • Firefox80.0 fullscreen解除壊れてる > 81.0でなおった
  • iOS video.volume機能しない (safari デフォルト)
  • zoom欲しい VR Device Orientation Cameras

VR180

  • VR180対応カメラの仕様 上下端視差あり,左右なし
    VRayStereoscopicを切欠くと上下端視差なし,左右あり 使える?

メモ

放送

  • 7680x4320 BS8K放送 100Mbps 22.2ch音響
  • 3840x2160 BS4K放送 33Mbps
  • 1920x1080 BSデジタル放送 24Mbps
  • 1440x1080 地上デジタル放送 17Mbps

YouTube

  • 3840x2048 18Mbps
  • 3840x1920 16Mbps 2:1
  • 2560x1440 10Mbps 16:9
  • 1920x1080 4Mbps 16:9

環境

DCCツール Adobe CC, 3dsMax, V-Ray
デバイス iPhone XS 解像度 2436x1125
HMD Google Cardboard

下調べ

正式名が分からない
Google: Omni-directional Stereo(ODS)
>> 全方位ステレオ映像, 全方位立体視映像
Adobe: 立体視360度VRビデオ, 立体視360度VR映像...

全方位ステレオカメラ
全方位ステレオカメラ - Google 検索

Google
360° Media Google VR - Google Developers
PDF資料

Chaos Group
The Guide to VR is out. - Chaos Group
PDF資料

VR180
VR180 - Google VR

検証仕様

3dsMax

panorama_stereo_test.zip

サイズ: 4096x4096
フレームレート: 60fps

V-Ray

形式: 立体視上/下(Top-Bottom)

Google > 全方位ステレオプロジェクションの限界と歪み

オブジェクトはカメラから少なくとも60cm離れている必要がある(視差6.5cmを基準)。
カメラの真上、真下に表示されるオブジェクトは、カメラから3.5m以上離れている必要がある(視差6.5cmを基準)。
可能なら上下極に向かってステレオ効果を徐々に減らす。

V-Ray > VRayStereoscopic > panoramic pole merging

AfterEffects

サイズ: 4096x4096
フレームレート: 60fps
絵作り: トップアンドボトム方式
書き出し映像: 3840x2160(2,160p, 4Kリサイズ)
書き出し静止画: 4096x4096 1920x1080(1080p, HDリサイズ)

編集はAfterEffectsで完結させる

Premiere

サイズ: 3840x2160
フレームレート: 60fps
形式: H.264/MPEG-4 AVC
VRビデオ: 立体視上/下(Top-Bottom)
書き出し: 3840x2160(2,160p, 4Kリサイズ) 1920x1080(1080p, HDリサイズ)

Photoshop

サイズ: 4096x4096 1920x1080(1080p, HDリサイズ)
形式: JPG

対応状況

アプリ 全方位ステレオ 立体視上/下
(Top-Bottom)
立体視並列
(Side-by-Side)
3dsMax+V-Ray
AfterEffects
Premiere
Photoshop
YouTube
Vimeo

プレーヤー

Babylon.js

How to do 360 Video - Babylon.js Documentation
VideoDome - Babylon.js Documentation

Premiereプリセット
High Quality 1,080p HD 20Mbps 50,575KB
YouTube 2,160p 4K 40Mbps 100,341KB
High Quality 2,160p 4K 80Mbps 199,865KB

Video.js

GitHub - videojs/videojs-vr
GitHub - GoogleChrome/omnitone: Support mobile browsers

Premiereプリセット
High Quality 1,080p HD 20Mbps 50,575KB
YouTube 2,160p 4K 40Mbps 100,341KB
High Quality 2,160p 4K 80Mbps 199,865KB

App Store

VRプレーヤー 立体視上/下
(Top-Bottom)
アンビソニックス
(Ambisonics)
Google Cardboard Website
VRPlayer Website
VRA Player Website
VR Player FREE Website

調整中

映像

Immersive
立体視360度VR映像でイマーシブビデオエフェクト.... - Adobe
After Effects での VR 環境の作成 - Adobe
Premiere Pro でイマーシブビデオ.... - Adobe

オーディオ

Ambisonics
アンビソニックに関するあれこれ - Qiita

Ambisonics Babylon.js PC{Ambisonics: ×, Play: 〇}, iPhone{Ambisonics: ×, Play: ×}
Ambisonics Video.js-VR PC{Ambisonics: 〇, Play: 〇}, iPhone{Ambisonics: ×, Play: ×}

Video.js: source分岐(mobile: AAC LC 2ch)

Spatial Audio
Oculus Spatializer, Resonance Audio, Steam Audio
3dsMaxに環境が無い: Unity録音Premiere仕上げ

Binaural
H3-VR Handy Recorder - Zoom

更新履歴

  • 2020.6.17 公開