- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2020-05-18T15:24:08+00:00","default:fuzuki","fuzuki")
#author("2020-05-19T01:37:11+00:00","default:fuzuki","fuzuki")
* 撮影 [#u9210f6e]
#ref(./fisheyelense.jpg,50%);
まずはスライドショー用の画像が無ければ始まりません。~
ダイソーやキャン★ドゥ、どこでもいいので180°魚眼レンズを入手して写真を撮ります。~
* VR画像に変換 [#rba44fb2]
魚眼画像をVR用の360°正距円筒画像に変換します。~
変換用の[[Androidアプリを公開しました:https://play.google.com/store/apps/details?id=net.hiruandon.fisheye2vrequirectangular]]。~
#ref(./fisheyeimg.jpg,50%);
↓
#ref(./eqimg.jpg,50%);
- https://github.com/fuzuki/Fisheye2EquirectangularAndroid
* 動画作成 [#h547d050]
VR用画像からスライドショー動画を作ります。なにかいいAndroidアプリがあればいいのですが、とりあえず[[Aviutil:http://spring-fragrance.mints.ne.jp/aviutl/]]で。~
ひとまず最新のAviutl本体と拡張編集Plugin、それに[[かんたんMP4出力:http://aoytsk.blog.jp/aviutl/34586383.html]]プラグインがあれば充分でしょうか。~
タイムラインは「設定→拡張編集の設定」で表示されるので、そこに動画にしたい画像をドロップします。画像は事前に[[縮小専用:https://forest.watch.impress.co.jp/library/software/shukusen/]]などで手頃なサイズに縮小しておいた方が良いでしょう。3840x1920や2880x1440くらいでしょうか？
画像の切り替えは画像レイヤの下で右クリックして「フィルタオブジェクトの追加→シーンチェンジ」で追加できます。詳しいAviutilの使い方は他の解説サイトを見てください。~
作成した動画は「プラグイン出力→かんたんMP4出力」でmp4形式で出力します。~
* 動画メタデータの追加 [#wef8cde8]
Youtubeに360°動画だと知らせるためのメタデータを動画に追加します。~
[[公式サイト:https://support.google.com/youtube/answer/6178631?hl=ja]]の「アップロードの準備→[[360°動画:https://github.com/google/spatial-media/releases/tag/v2.0]]」からメタデータ追加用のツールをダウンロードします。~
[[Spatial Media Metadata Injector:https://github.com/google/spatial-media/releases/tag/v2.0]]で動画を開いて、一番上だけチェックを入れて出力します。~
#ref(./metainjector.jpg,90%);
* アップロード [#t1ffd074]
後は通常通り[[Youtube studio:https://studio.youtube.com/]]から動画をアップロードします。360°動画だと認識されるはずです。~
とりあえずこんな感じ~
https://www.youtube.com/watch?v=gaR_3nD7n_Q
* Web表示 [#de2637e2]
[[Web表示用のjavascriptライブラリ:https://developers.google.com/vr/develop/web/vrview-web]]を使えば、360°画像・動画をwebページで表示できるみたいです。~
お店のサイトに埋め込んだりするのにちょうどいいかもしれません。~
- https://developers.google.com/vr/develop/web/vrview-web
- https://qrunch.net/@lightbox/entries/6MD8gjI6jk5247Fm?ref=qrunch
- https://github.com/googlearchive/vrview/tree/gh-pages
** 参考リンク [#w3c6aa47]
- https://support.google.com/youtube/answer/6178631?hl=ja
- [[Spatial Media Metadata Injector:https://github.com/google/spatial-media/releases/tag/v2.0]]mp4動画に360°動画だとのメタタグを埋め込んでくれます
- [[Aviutil:http://spring-fragrance.mints.ne.jp/aviutl/]]
- [[かんたんMP4出力:http://aoytsk.blog.jp/aviutl/34586383.html]]Aviutil用プラグイン
- [[縮小専用:https://forest.watch.impress.co.jp/library/software/shukusen/]]手軽で便利
- https://www.entapano.com/blog/upload-panoramic-video-to-youtube/