研究室ではVRを使うことが増えてきました。まずは,こちらのワードプレスでVRプラグインを追加して対応してみます。使用している画像データは千歳水族館様にVRカメラ「RICOH theta V」をお貸しし,試し撮りしていただいたものです。
既に,バタバタとしてしまいましたが,何とか静止画を表示することはできたかもしれません。現在のパラメータの設定は以下の通りです。
vrview
img=”https://sogalab.com/wp-content/uploads/2018/05/547099838.283548-1.jpg”
私が使っているWord PressではメディアのURLが”http://=***”になっていました。このため,セキュアでないと思われたのかメディアがロードできない,というメッセージが出て表示できませんでした。そこで,手入力で”https”と”s”を追記したところ表示できました。iPhoneで確認したところ,センサーによるジャイロ効果が適用されることも確認できました。
stereo=”false”
こちらのパラメータも,stereo=”true”の状態では画像が歪んだ状態でしたので,手入力で”false”に変更してみました。
width=”500″
height=”100%”
このプラグイン”WP-VR-view – Photo Sphere and 360 video”は,その後アップデートが行われていません。このためか,モバイル端末iPhone Xでアクセスして二眼状態にした時など,中心線がずれてしまうようです。ちょっと利用は厳しそうです。
その後わかってきたことは,プラグインのプレビューにも画像のURLを入力しておけば,widthとheightは空欄でも以下のように表示されるようです。
以下は,同じプラグインでVR動画を参照した例です。こちらは,iOSでは再生できないことが他のブログに出ていました。確かに,iPadでは表示できませんでした。一方,Macで確認したところ,動画ではなく,静止画としてのみ表示されました。これまた残念なことです。
追伸:
上記VRの静止画に関してはiBooksのHTMLウィジェットで参照するとジャイロ効果付きで表示できることが確認できました。以下にiPhone Xで表示した様子を示します。なお,左右余白はHTMLウィジェットのパラメータによるものだと思われます。