「Universal VR」の版間の差分
(→具合) |
(→具合) |
||
(同じ利用者による、間の194版が非表示) | |||
5行目: | 5行目: | ||
全方位ステレオ映像とVR180映像を作ってみます。<br /> | 全方位ステレオ映像とVR180映像を作ってみます。<br /> | ||
[https://dz.plala.jp/ods/ 全方位ステレオ映像]<br /> | [https://dz.plala.jp/ods/ 全方位ステレオ映像]<br /> | ||
− | + | [[ファイル:qr_vr.png|300px]] | |
− | [[ファイル:qr_vr.png| | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
=='''具合'''== | =='''具合'''== | ||
+ | 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 | + | * iOS 縦画面video.pause()欲しい |
− | + | * iOS sensorリセット欲しい | |
− | * iOS | + | * iOS halfDomeのMODE_SIDEBYSIDE壊れてる |
− | * | + | * Firefox80.0 fullscreen解除壊れてる > 81.0でなおった |
− | * | + | * iOS video.volume機能しない (safari デフォルト) |
− | * | + | * zoom欲しい [https://doc.babylonjs.com/babylon101/cameras#vr-device-orientation-cameras VR Device Orientation Cameras] |
− | * [https://doc.babylonjs.com/babylon101/ | + | |
− | + | ||
VR180 | VR180 | ||
* VR180対応カメラの仕様 上下端視差あり,左右なし<br />VRayStereoscopicを切欠くと上下端視差なし,左右あり 使える? | * VR180対応カメラの仕様 上下端視差あり,左右なし<br />VRayStereoscopicを切欠くと上下端視差なし,左右あり 使える? | ||
− | メモ | + | =='''メモ'''== |
− | * | + | * [https://doc.babylonjs.com/babylon101/raycasts Raycasts - Babylon.js Documentation] |
− | * | + | * [https://www.w3.org/2010/05/video/mediaevents.html HTML5 Video Events and API] |
− | * | + | |
− | * | + | 放送 |
− | * | + | * 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: | + | {| 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映像を作ってみます。
全方位ステレオ映像
具合
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
サイズ: 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 公開