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)

タグ: , ,

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

最新情報をお届けします

Android 7.0 Nougatではタスクボタンのダブルタップで直前に表示していたアプリに切り替え可能

Android 7.0 / 7.1 Nougatでは以前にも紹介したマルチウィンドウ機能やイースターエッグなど、存在がわからない機能があるのですが、そんな中の一つにタスクボタン(マルチタスクボタン)の

1月27日発売のFREETEL RAIJIN(雷神)、Amazonで約3,000円安く予約受付中

FREETELの最新機種、RAIJIN(雷神)が1月27日(金)に発売となります。 大容量バッテリを搭載したFREETEL RAIJIN(雷神) 5.5インチの大画面にバッテリは5,000mAhという

FREETEL、299円の全プラン対応パックに3か月間データ容量が増量されるAmazonプライム会員限定プランを提供中 ただし価格は322円

最近、ドコモからの費用増に伴い、初期費用の値上げが行われているMVNO(格安SIM)ですが、そんな中でもダントツに安い初期費用299円で提供しているFREETELの全プラン対応パック。 その全プラン対

Google Play Service 10.2でAndroidのテザリングが便利になる「Instant Tethering」という新機能が追加

Android 7.1.1とGoogle Play Service 10.2で「Instant Tethering」という新しい機能が利用可能になるようです。 通常、Androidのテザリングではホス

米Amazon、Dush Buttonを押すたびに異なるお菓子の詰め合わせが届く「Prime Surprise Sweets」を提供中

オンライン版のDush Buttonをリリースした米Amazonですが、物理的なDash Button(ややこしい・・・)を使い、ボタンを押すたびに毎回異なるお菓子の詰め合わせが送付されてくる「Pri

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

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

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

FREETEL、299円の全プラン対応パックに3か月間データ容量が増量されるAmazonプライム会員限定プランを提供中 ただし価格は322円

FREETEL、299円の全プラン対応パックに3か月間データ容量が増量されるAmazonプライム会員限定プランを提供中 ただし価格は322円

最近、ドコモからの費用増に伴い、初期費用の値上げが行われているMVNO(格安SIM)ですが、そんな中でもダントツに安い初期費用299円で提供しているFREETELの全プラン対応パック。 その全プ...

Google Play Service 10.2でAndroidのテザリングが便利になる「Instant Tethering」という新機能が追加

Google Play Service 10.2でAndroidのテザリングが便利になる「Instant Tethering」という新機能が追加

Android 7.1.1とGoogle Play Service 10.2で「Instant Tethering」という新しい機能が利用可能になるようです。 通常、Androidのテザリングで...

1月27日発売のFREETEL RAIJIN(雷神)、Amazonで約3,000円安く予約受付中

1月27日発売のFREETEL RAIJIN(雷神)、Amazonで約3,000円安く予約受付中

FREETELの最新機種、RAIJIN(雷神)が1月27日(金)に発売となります。 大容量バッテリを搭載したFREETEL RAIJIN(雷神) 5.5インチの大画面にバッテリは5,000mA...

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

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

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

MENU

back to top