WordPressでVR画像やVR動画を表示できるプラグイン【WP-VR-view】を試してみます。
https://ja.wordpress.org/plugins/wp-vr-view/
ちょっと前にWordPress上で360°の画像を表示できるという記事を見かけたのですが、
https://ja.blog.wordpress.com/2016/12/16/introducing-vr-and-360-content-for-all-wordpress-com-sites/
WordPress.com サイトで利用可能とあるようにWordPress.comドメイン上?でないとこれは利用できないようです。
それとVR動画の方は「https://videopress.com/v/」にアップしたものでないと使えないとの事です。
という事で、WordPressの記事上でVR画像やVR動画の表示はできないものかという事でプラグイン【WP-VR-view】を使ってみます。
目次
- という事で、WordPressの記事上でVR画像やVR動画の表示はできないものかという事でプラグイン【WP-VR-view】を使ってみます。
- まずWordPressのプラグインから新規追加で「WP-VR-view」を検索します。
- 適当なVR画像を「メディア」にアップロードします。
- うちの環境だとWordPressの記事編集画面の「テキスト」では出てこないのですが、「ビジュアル」には出てくるこのアイコンをクリックします。
- iPhoneなどのiOSのブラウザでVR画像を見るとこんな感じに。
- ちなみにVR動画を掲載したい場合は
- VR動画の場合はimgプレビューは関係ないっぽいと思ったんですが、
- あ、あとWordPressの記事編集画面の「ビジュアル」でないと出てこないので、できれば「AddQuicktag」を使って登録した方が「テキスト」では扱いやすいと思います。
まずWordPressのプラグインから新規追加で「WP-VR-view」を検索します。
今すぐ「インストール」をクリック、その後に「有効化」をクリックします。
適当なVR画像を「メディア」にアップロードします。
アップロードしたらURLアドレスをコピーします。
うちの環境だとWordPressの記事編集画面の「テキスト」では出てこないのですが、「ビジュアル」には出てくるこのアイコンをクリックします。
そうするとウィンドウが出てくるのでそこの1番上と2番目の欄に先ほどコピーしたVR画像のURLをペーストします。
「Insert」ボタンをクリックすると ［vrview img= から始まるVR画像が入力されたタグが入力されていますのでそれで保存して公開すればVR画像が公開できます。このように↓
iPhoneなどのiOSのブラウザでVR画像を見るとこんな感じに。
画像右下にあるこのマークをタップすると
この画面になるので
これでiPhoneを横にするとこうなります。Cardboardに対応して2眼になります。
ちなみにVR動画を掲載したい場合は
VR画像の時と同じようにWordPressの記事編集画面の「ビジュアル」にして今度は右のこのアイコンをクリック、1番上の欄にMP4ファイルのURLを入力します。
［vrview video= から始るタグが入力されます。
この状態で公開するとこのようになります。↓
VR動画の場合はimgプレビューは関係ないっぽいと思ったんですが、
iOSとか非対応のブラウザだとimgプレビュー設定しないとエラー画像になりますね。ま、どっちにせよiOSではVR動画の再生はできないっぽいです。
PCだと問答無用にVR動画は再生のようです。
以上です。とりあえずWordPress上でVR画像の再生はできる事がわかりました。
あ、あとWordPressの記事編集画面の「ビジュアル」でないと出てこないので、できれば「AddQuicktag」を使って登録した方が「テキスト」では扱いやすいと思います。
https://ja.wordpress.org/plugins/addquicktag/
投稿者プロフィール
-
もうだいぶ前からになりますがクラブVJをやっていました。 そこから映像関係のお仕事をやるようになり、コンサートや企業プレゼン、展示会などのムービーを創ったり、時にはプレゼンテーション素材をつくったりするようになりました。
今はPVなども制作したり動画素材を配布・販売したりしています。
■書籍も出しました【動画素材123+45】168本のFHD動画素材を収録しています。
◆もうちょっと詳しいプロフィールはこちらへどうぞ
▼動画素材.com 作者へのサポートをお願いいたします。
Amazonほしいものリスト
