Google-Cardboard-2-640x360

Google、WEBサイトに360°VR画像を埋め込み可能にするVR Viewを公開

2016.3.31
Google-Cardboard-2-640x360

Googleが簡単にVRを楽しめるよう、WEBサイトに360°VR映像を埋め込める VR Viewというツールをリリースしました。これを使うとWEBサイトやアプリなどに簡単に360°VR画像や動画を埋め込むことが可能です。

WEBサイトでのVR Viewの使い方

アプリへの埋め込みについては門外漢なので、ここではWEBサイトへの埋め込み方法を紹介します。

埋め込むコード

埋め込むコードは下記のような<iframe>タグです。

<iframe width="100%" allowfullscreen frameborder="0" src="//storage.googleapis.com/vrview/index.html?image=//photovrse.com/examples/coral.jpg&is_stereo=true"></iframe>

上記のコードを埋め込むと下のように表示されます。

まずiframeタグのオプションですが、これはこのままでいいと思います。

  • frameborder="0" :ボーダーを表示しない
  • width="100%" : フレームサイズを横幅いっぱいにする。
  • allowfullscreen : フルスクリーン表示の許可

本番はその先に続く「src="~"」部分です。

最初の「//storage.googleapis.com/vrview/index.html」はVR Viewのスクリプト本体です。自身のサイトにホストすることもできますが、このままGoogleのものを利用することも可能です。それに続くパラメータは下記のようになっています。

  • image :{文字列} 360°画像や動画のURLです(必須)
  • is_stereo : {Boolean} 画像や動画がステレオフォーマットであればtrueにします。デフォルトはfalseです。
  • preview : {文字列} 実際の画像や動画とは別に最初に表示されるプレビュー用の画像があれば指定します。デフォルトはnoneです。
  • start_yaw : {数値} 最初に表示される角度。デフォルトは0です。
  • is_yaw_only : {Boolean} trueにすると表示が左右方向にみに制限されます。デフォルトはfalseです。

Richo THETAやCardboardカメラで撮影した画像が利用可能

気軽に360°画像を埋め込めるようになったとはいえ、そんなものを気軽に撮影する方法はなかったりもするのですが、一般的なパノラマ画像も埋め込んで再生が可能だそうです。公式には、

で撮影した画像が使えるということです。

下記は試しにCardboardカメラで撮影したもの。先の例は画像もGoogleのものでしたが、下記はVR View本体と画像をこのブログ上に置いています。

一応見れるけど、なんか違う気がします。設定間違えてるのかな?これは追々調べてみます。

そんな感じでVR Viewが使えるようになったので、Thetaが欲しくなってきたなぁ。

(source Google)

タグ: , ,

この記事が気に入ったら
いいね!しよう

最新情報をお届けします

Stealth

体感トレーニング「プランク」を楽しみながらできるトレーニングアイテム「Stealth」がKickstarterでキャンペーン中

効果があると話題の体感トレーニング「プランク」をもっと楽しみながら効果的に行えるアイテム「Stealth」がKickstarterでキャンペーン中です。 プランクは床に肘をつき体を床と平行にして20秒

C-89 iron man Speaker

かっこいいBluetoothスピーカー「C-89 Iron Man Bluetooth Speaker」をレビュー 性能も意外と悪くない

GearBestで黒いアイアンマン風のBluetoothスピーカー「C-89 Iron Man Portable Bluetooth Music Speaker」を購入してみました。 風というか、直球

Amazon

Cyber MondayセールでKindleやFire TV Stickが大幅割引中!

Amazonの今年最後のビッグセール、Cyber Mondayセールが開始されました。 いろいろと安くなっていますが、Amazonの電子書籍リーダーKindle、Kindle Paperwhite、そ

Amazon Go

米Amazon、レジがないリアル店舗「Amazon Go」をオープン

米Amazonが噂になっていたリアル店舗「Amazon Go」をシアトルにオープンさせました。 このAmazon Go、1800平方フィート(約167㎡)ほどのコンビニで、最大の特徴はレジがないという

amazon

Amazonギフト券10,000円分が当たる「Prime Musicを聞いてAmazonギフト券を当てよう」キャンペーン開催中

Amazonで、「Prime Musicを聞いてAmazonギフト券を当てよう」というキャンペーンが開始されました。 1000名にAmazonギフト券10,000円分が当たります。 「Prime Mu

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEI Mate 9の詳細レビュー 5.9インチだけど片手で楽に持てるサイズ感

HUAWEIの最新モデル、HUAWEI Mate 9を購入したので早速レビューです。 まだ1ShopmobileやExpansys、GearBestなどのECサイトには入荷していなかったので、今回...

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

honor 8の詳細レビュー HUAWEI P9やZenfone 3と比較してみました

上位機種のHUAWEI P9と同等のスペックを持つhonor 8の詳細レビュー。HUAWEI P9やASUS ZenFone 3と比較しながら紹介します。...

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

スマホの画面をテレビに出力できるMiracast(ミラキャスト)の使い方

名前だけは聞いたことはあるものの、使っている、活用しているという話をあまり聞かないMiracast(ミラキャスト)、どんなものかと思って実際に使ってみました。 ...

12月6日限定! HUAWEI P9 / P9 liteが最大24%オフ

12月6日限定! HUAWEI P9 / P9 liteが最大24%オフ

12月6日0時から始まったAmazonのCyber Mondayセールで、HUAWEI P9 / P9 liteとOCNモバイルONEのSIMセットが最大24%オフの特価となっています。 割引率...

Cyber MondayセールでKindleやFire TV Stickが大幅割引中!

Cyber MondayセールでKindleやFire TV Stickが大幅割引中!

Amazonの今年最後のビッグセール、Cyber Mondayセールが開始されました。 いろいろと安くなっていますが、Amazonの電子書籍リーダーKindle、Kindle Paperwhite...

MENU

back to top