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)

タグ: , ,

この記事が気に入ったらフォロー・購読をお願いします

最新情報をお届けします

News >モバイル

HTC サポーターズクラブ発足、5月16日に台湾で行われる新製品発表会への招待も!

HTCが「HTC サポーターズ クラブ」を発足し、メンバーを募集開始しました。その中で、5月16日に開催されるHTC Uの発表会に招待するという企画も行われています。 HTC サポーターズ クラブ 世界初のアンドロイドス ...

Twitterの投稿をMastodonに流す3つの方法

だいぶ盛り上がりも落ち着いてきた感じのMastodonですが、Twitterと両方使っているという人も多いはず。Twitterで投稿したものを手動でMastodonにも流しているという人もいると思いますが、面倒だしなによ ...

News >モバイル

Microsoft、組み込みWindows 10を搭載したウェラブルデバイスを発表

Microsoftがスマートウォッチによく似た外観のWindows 10デバイスを発表しました。実際にはMicrosoftが開発したわけではなく、製造は各種OEMを手掛けるTrekStor。 企業・産業の現場向けウェラブ ...

レビュー >その他

実写版「美女と野獣」、王子さまは野獣のほうがイケメンな気が・・・

4月21日から公開されているディズニー映画「美女と野獣」を観てきました。実は原作、アニメを含め、美女と野獣を観るのはこれが初めて。周りはカップルや女性ばかりだったので、実はおっさんが1人で見る映画ではないのかもしれません ...

News >モバイル

HTC、5月16日のフラッグシップ発表会の告知サイトを日本でもオープン。ライブストリーミングで配信予定

先日、紹介したHTCの発表会予告ですが、HTC Japanもライブ配信を行うということで特設ページをオープンしました。 関連:HTC、側面にセンサを搭載するHTC Uを5月16日に発表。 – Dream Seed 「かつ ...

MENU

back to top