# Google VR View

Pretty excited with [Google's VR View](https://developers.googleblog.com/2016/03/introducing-vr-view-embed-immersive.html) release.  
Google VR View transforms 360° or VR images (and videos) into interactive experiences.  
It makes it effortless to integrate your own panorama images, including stereo images for use with [Google Cardboard](https://www.google.com/get/cardboard/get-cardboard/), into any site, without being dependent on any other service (like RoundMe or Flickr hosted images).

Hit the little square bottom right to go full screen.

<style>
iframe { border: 0; }
/* MOBILE */
@media screen and (max-width: 600px) {
  iframe {
    height: 240px;
  }
}
/* DESKTOP */
@media screen and (min-width: 600px) {
  iframe {
    height: 350px;
    width: 560px;
    margin: 1rem auto;
    display: block;
  }
  h1, h2, p {
    width: 560px;
    margin: 1rem auto;
  }
}
</style>

### Blue Mountains
<div style="height:750px;">
<iframe allowvr="yes" allow="xr-spatial-tracking" allowfullscreen="yes"  scrolling="no" src="/pano/index.html?image=/pano/panos/bluemountains_4096.jpg&is_stereo=false&preview=/pano/panos/bluemountains_512.jpg&start_yaw=45" width="100%" height="90%"></iframe>
</div>
<h3>Barrenjoey Lighthouse, Palm Beach</h3>
<div style="height:750px;">
<iframe allowvr="yes" allow="xr-spatial-tracking" allowfullscreen="yes"  scrolling="no" src="/pano/index.html?image=/pano/panos/barrenjoey_4096.jpg&is_stereo=false&preview=/pano/panos/barrenjoey_1024.jpg&start_yaw=45" width="100%" height="90%"></iframe>
</div>
<h3>TEDxSydney 2014, Sydney Opera House</h3>
<div style="height:750px;">
<iframe allowvr="yes" allow="xr-spatial-tracking" allowfullscreen="yes"  scrolling="no" src="/pano/index.html?image=/pano/panos/TEDxSydney_4096.jpg&is_stereo=false&preview=/pano/panos/TEDxSydney_1024.jpg&start_yaw=65" width="100%" height="90%"></iframe>
</div>
Get in touch for your own 360° images on your own site.

For Cardboard, a stereoscopic image is generated:  
![stereo](https://halans.com/orig-content/uploads/2016/03/stereo.jpg)  

![gcardboard](https://halans.com/orig-content/uploads/2016/03/gcardboard.png)  
&nbsp;
<hr>

EDIT:
To be honest, A-Frame works far better on iPad and iPhone:
<div style="height:750px;">
  <iframe allowvr="yes" allow="xr-spatial-tracking" allowfullscreen="yes" scrolling="no" src="/aframe/bluemountains/" width="100%" height="90%"></iframe>
</div>

<div style="height:750px;">
  <iframe allowvr="yes" allow="xr-spatial-tracking" allowfullscreen="yes" scrolling="no" src="/aframe/barrenjoey/" width="100%" height="90%"></iframe>
</div>

<div style="height:750px;">
  <iframe allowvr="yes" allow="xr-spatial-tracking" allowfullscreen="yes" scrolling="no" src="/aframe/tedxsydney_soh/" width="100%" height="90%"></iframe>
</div>