動画素材.com/ブログ

VJ 映像素材・4K2K CG ムービー素材・動画素材123・PV・MVなどの公開とかMac・iPhone・iPadとか。動画素材.comの管理人ブログです。

VR 360 WordPress

WordPressでVR画像やVR動画を表示できる【WP-VR-view】を試してみる。

投稿日:2017年1月3日 更新日:


WordPressでVR画像やVR動画を表示できるプラグイン【WP-VR-view】を試してみます。

https://ja.wordpress.org/plugins/wp-vr-view/


ちょっと前にWordPress上で360°の画像を表示できるという記事を見かけたのですが、

VR と 360° コンテンツがすべての WordPress.com サイトで利用可能になりました
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】を使ってみます。

WP-VR-view

まずWordPressのプラグインから新規追加で「WP-VR-view」を検索します。

WP-VR-view

今すぐ「インストール」をクリック、その後に「有効化」をクリックします。


適当なVR画像を「メディア」にアップロードします。

アップロードしたらURLアドレスをコピーします。

170103-0005

うちの環境だとWordPressの記事編集画面の「テキスト」では出てこないのですが、「ビジュアル」には出てくるこのアイコンをクリックします。

170103-0006

そうするとウィンドウが出てくるのでそこの1番上と2番目の欄に先ほどコピーしたVR画像のURLをペーストします。

170103-0007

「Insert」ボタンをクリックすると [vrview img= から始まるVR画像が入力されたタグが入力されていますのでそれで保存して公開すればVR画像が公開できます。このように↓


iPhoneなどのiOSのブラウザでVR画像を見るとこんな感じに。

img_2780

画像右下にあるこのマークをタップすると

img_27802

この画面になるので

img_2781

これでiPhoneを横にするとこうなります。Cardboardに対応して2眼になります。

img_2782

ちなみにVR動画を掲載したい場合は

VR画像の時と同じようにWordPressの記事編集画面の「ビジュアル」にして今度は右のこのアイコンをクリック、1番上の欄にMP4ファイルのURLを入力します。

170103-0006d

[vrview video= から始るタグが入力されます。
この状態で公開するとこのようになります。↓


VR動画の場合はimgプレビューは関係ないっぽいと思ったんですが、

170103-0010

iOSとか非対応のブラウザだとimgプレビュー設定しないとエラー画像になりますね。ま、どっちにせよiOSではVR動画の再生はできないっぽいです。

img_2783

PCだと問答無用にVR動画は再生のようです。

以上です。とりあえずWordPress上でVR画像の再生はできる事がわかりました。


あ、あとWordPressの記事編集画面の「ビジュアル」でないと出てこないので、できれば「AddQuicktag」を使って登録した方が「テキスト」では扱いやすいと思います。

https://ja.wordpress.org/plugins/addquicktag/

Related Articles:

-VR 360, WordPress

執筆者:


コメントを残す

関連記事

PIXPRO SP360 4K のVR映像を【Motion5】で展開する01

【PIXPRO SP360 4K】のVR映像を【Motion5】で展開する

今回は「PIXPRO SP360 4K のVR映像を【Motion5】で展開する」です。 前回After EffectsでPIXPRO SP360 4K のVR映像を展開する方法を記しましたが、 わざ ... 続きを読む

動画素材.com/ブログ のモバイル対応 WPtouch2

動画素材.com/ブログ のモバイル対応(WPtouch・WordPress)

長らくモバイル対応していませんでしたが「動画素材.com/ブログ」をモバイル対応させました。 2017年現在 動画素材.com/ブログ はWordPressのテーマをレスポンシブ対応のものにしているの ... 続きを読む

【THETA S】360°写真撮影・スライドショーにして360°の4K動画をYouTubeにアップロード9

【THETA S】VR360°写真撮影・スライドショーにして360°の4K動画をYouTubeにアップロード【RICOH】

今回は【THETA S】で360°の写真撮影をしてスライドショーを作成、4Kサイズの動画にしてYouTubeにアップロードまでという手順を説明していきます。 今回360°の4K動画をつくってアップロー ... 続きを読む

a6_fiyer_yoko_03

動画素材.comはM3-2016秋10.30に参加します第二展示場2F【シ-21b】で新しいFHDと4K60P+ちょっとVRの動画素材集を頒布します

動画素材.com は 音系・映像・マルチメディアを中心とした専門即売会 M3-2016秋 に参加します。 東京流通センター(TRC)で10/30日曜に開催です。 頒布物は動画素材.comに公開している ... 続きを読む

【THETA S】360°写真撮影・スライドショーにして360°の4K動画をYouTubeにアップロード9

【THETA S】VR360°撮影時にiPhoneを置く場所をつくる【RICOH】

【THETA S】での撮影時でちょっとした工夫というかiPhoneの置き場をどうするかってのを書いておきます。 RICOH デジタルカメラ RICOH THETA S 360°全天球イメージ撮影デバイ ... 続きを読む

新刊「動画素材123+45 まるごとフリーでつかえるムービー素材集」


・大人気の動画素材集シリーズ第4弾は、過去2作品から選りすぐりの動画がフルハイビジョンで復活! 

新作も加えた〈123+45〉=〈168点〉、2層式DVD-ROM × 2枚組みの大ボリュームでお届けします!!12/17全国書店で発売です。商用利用にも使えます。


FHD動画素材123本収録「動画素材123FULL」 動画素材123FULL

動画素材123FULL
まるごとFREEでつかえるムービー素材集












CLOSE
CLOSE