360度動画をYoutubeにアップロードする方法+360度画像表示WPプラグイン

360動画ガジェットのレビューで360度動画をYoutubeにアップロードする必要があったのでメモとしてアプリの導入方法・設定方法を書いておきます。

まぁ、Youtubeヘルプに書いてあるまんま設定すれば良いだけの話しなんです(汗)

180° 動画または 360° 動画のアップロード - YouTube ヘルプ
YouTube は、パソコンの Chrome、Firefox、MS Edge、Opera ブラウザを使った 180° 動画または 360 度全方位動画のアップロードや再生をサポートしています。

360動画ガジェットで動画は作成してあるので、動画をWindowsからYoutubeにアップロードする作業で、そのまんまアップロードすると・・・

このようになって・・・知らんかった(汗)コレだと駄目ですな。

Spatial Media Metadata Injector ツール

Release Spatial Media Metadata Injector · google/spatial-media
June 28, 2016 Simplified UI for easier injecting. OS X release notes The OS X release requires a Mac with an Intel Core 2 processor or newer, running OS X 10.8 ...

ダウンロードして解凍するとこんな↓カワイイアイコンのツール

Spatial Media Metadata Injector

起動するとコマンドプロンプトが表示されて、その後 小さなウィンドウが出て来るので「Open」ボタンを押して編集する動画ファイルを選択する。

Spatial Media Metadata Injector 起動

「My vido is spherical(360)」のみ選択して、他はチェックを入れない。

Spatial Media Metadata Injector Open

あとは「Inject metadata」を押して保存する。

数秒の動画だったので一瞬で終わって、PCで動画を確認するとやはり前のまま左右に○が2つになる動画だったけど、一応テストのためにアップロードしてみた。

動画をYoutubeにアップロード

うまくいったみたい↓

360度画像表示WPプラグイン

ワードプレスのプラグインを入れれば記事に360度画像が表示されるというのでやってみます。使った画像は以下

Xiaomi mijia 3.5K Panorama Action Camera

WP-VR-viewというプラグインを入れてみます。

インストールすると、記事ページのツールバーに地球アイコン↓と動画アイコンが表示された。

WPで360度画像を表示させる

地球アイコンを押してアップロードした360度画像のURLを「PhotoSphere image URL」に貼り付ける。

うまく表示された!

[vrview img=”https://densi.biz/wp-content/uploads/2017/05/IMG_20170516_175725.jpg” ]

360度動画はYoutubeで

続いて動画も表示させてみようと思いましたが、ファイルサイズが大きすぎて、Youtubeにアップロードするほうが現実的なようです。

上の360度動画は8秒ほどですが40MBあったのでサーバー容量がすぐいっぱいになるのでやめておきます。

コメント

タイトルとURLをコピーしました