Google VRView with Jekyll

Google VR view allows developer to host VR content very easily with various platforms, including Android, iOS and Web. The content being hosted can be image or video, mono or stereo. Developer is also able to embed hotspot to allow user interaction with the VR content. More importantly, the VR view repository is open-source on Github.

In this post, I embedded some sample VR view widgets on my Jekyll page hosted on Github. All you need is a Google Cardboard to experience the 3D immersive world!


Mono 360 Image

Image courtesy: Google VRView example

Stereo 360 Image

Image courtesy: Google VRView webpage

If you are using a browser on PC, the mono and stereo 360 images are rendered in the same way. Differences come when you are using a browser on a phone, and by clicking the Cardboard button on the widget. The script will redirect you to the Cardboard viewing mode.

Mono 360 image is rendered on a sphere, and pixel will be placed at the same focal distance. With stereo 3D image, the vergence of your eye will give you binocular vision.

VRView on Jekyll Blog

Enabling VRView content on your Jekyll blog is very straight-forward.

1. Build a local version of VRView

Clone the repository of Google VRView, and compile as instructed.

2. Copy the vrview folder into your jekyll folder

3. Declare the place holder for vrview content in your blog file

<div id="vrview-image-mono"></div>

4. Add scripts to load desired content into the vrview widget

window.addEventListener('load', onVrViewLoad);
function onVrViewLoad() {
  var vrView1 = new VRView.Player('#vrview-image-mono', {
    image: '/public/image/vrview-taj-mahal.jpg',
    is_stereo: false,
    width: '100%',
    height: 360

The VRView Player class has some parameters that you can play with, for example, video looping, stereo mode control. The detailed list can be found on Google VR view website.

5. Build and experience!

Because Github page allows CORS (Cross-Origin Resource Sharing), the content you upload to your Github repo can be accessed, for example, the video in vrview.

How about Video?

A little bit tricky! Sometimes it does not play.

Video courtesy: Google VRView example

Another Trick

VRView is able to handle requests as well.

Image Request

This is another mono 360 image, available with vrview examples:

Video Request

The following link will play the same video as in the previous section.

Player parameter can be appended to the URI with & symbol, and multiple parameters can be concatenated.

Bloging should be COOL in the VR era.

Thanks for reading! LQ

AWE 2017 Highlight

This year, the annual Augmented World EXPO was hosted in Santa Clara, California, and attracted 4700 attendee, 351 speakers, 212 exhibitors. Everyone witnessed the momentum of AR technology with these numbers keep growing year to year. However, many of us is aware of the fact that it still takes time for all the fantasy to be realized, which is dependent on the hardware, software tools, and content. This post highlights some of the exciting or cool stuff I saw during AWE 2017.


Frankly, there are not a lot of serious players in this section. Let’s see what they have brought us in AWE 2017.

Microsoft HoloLens

In AWE, Microsoft has a large booth, demonstrating a medical application using HoloLens. It is not something new in terms of hardware. However, when you walk around the exhibition, you probably noticed how many of the demos are built on top of HoloLens. It is still the best Mixed Reality headset in the market.

Just a few days ago, Microsoft released several other affordable Mixed Reality headsets. All of them powered by Microsoft mixed reality software architecture. The giant is building its mixed reality ecosystem, from hardware, to software, to app store.

Meta 2

Meta is another serious player in building head-mounted displays. At Day 2 of AWE, the CEO of Meta, Meron Gribetz, shared with us about the history of Meta, and some exciting applications on Meta 2. AR Workspace is trying to bring HMD to everyone everyday use, where you can WORK, efficiently, wearing Meta 2. Meta shipped its SDK with the device, to perform inside-out tracking, communication with mobile phone, etc. The most exciting part of Meta 2 is its 90 degree diagonal field-of-view, which makes Augmented Reality more immersive.

Hope Meta could ship our order soon!


ODG is a very experienced smartglass designer and manufacturer. In AWE, they demonstrated its new products: R-8 and R-9. Some insights are built into the new devices: larger FOV, more powerful, cheaper. They also started to create its software architecture for inside-out tracking. But the performance is not yet as good as HoloLens. In addition, R-7HL is introduced for harzardous manufacturing environment.


Daqri is planning big for AR headset, including smart helmet, smart glass, and a head-up display for car. The inside-out tracking is also built with its device, but not as good as HoloLens yet. I tried out the smart helmet and the head-up display.

Epson Moverio

Epson Moverio brought two new devices: BT-350 and BT-2200. As a user of BT-200 and BT-300, I instantly found out that the optics system of all Moverio BT serires are the same, except for the slight difference in resolution. The display is very sharp, but lack field-of-view. From my opinion, Epson’s product are very well focused in terms of potential customer groups. BT-2000 and BT-2200 are for manufacturers, like Daqri smart helmet. BT-300 and BT-350 are for individual use as a head-up display. It is not intended for the usecase of AR Workspace, on the contrary to Meta 2.

Intel Alloy

Intel has been in this field for years, featuring its sensing technology, RealSense. Based on its inside-out tracking technology, Intel at AWE demonstrated its Project Alloy. In the video, the indoor environment is mapped to a virtual gaming environment, and two players are playing VR games in the room. The tracking performance is quite well from the video.

In my opinion, Project Alloy is the closeset VR headset to ideal. It is untethered, and does not require external tracking systems. With such platform, VR content providers should be confident that their product can be delivered well to customers.


  • DeepOptics brought an interesting hardware to the market: an additional lens that can be put on top of traditional stereoscopic lenses, to dynamically adjust the focal plane. It is very useful to mitigate vergence-accommodation conflict.
  • Massless creates a pen as controller of AR and VR content. Check out the video.
  • Kopin offers a very thin VR headset, compared to the bulky Oculus and HTC Vive.

Software Tools


Vuforia has been supporting the majority of AR applications on the market. Vuforia provides the tracking library that is compatible with almost all platforms. They started from image tracking that relies on features and patterns in the image. On the stage of AWE, Vuforia demonstrated its Project Chalk.

Project Chalk is built on inside-out featureless tracking, and can be built into daily-use application to enable remote communication. I think cross-platform is the strongest point of Vuforia. A few days ago, Apple released its inside-out tracking SDK, ARKit. Appearently, Apple does a huge amount of work after its acquisition of metaio two years ago. It will be exciting to see what will happen in the SDK market.


Wikitude eyes at the same market as Vuforia. Their team won the Best Developer Tool of AWE this year. I haven’t used their product, so I cannot comment on its tracking performance.


Manomotion provides hand tracking SDK, based on mono-camera. Their demo works very well in general, except for some error in the depth. This is very hard to conquer without additional help from other sensors. Leap Motion is more well-known for the same purpose of hand tracking. They do have additional sensors. Manomotion can be integrated with mobile AR applications, which is a under-addressed market.

Content Providers


The Sandbox from UC Davis is very fun to play with. It is projector-based augmented reality application. I was amazed at how well the system is engineered and tuned to be both accurate and stable.

However, I didn’t see many content providers in AWE, which on the other hand, demonstrated the fact that hardware and software for AR is still not ready yet. In my opinion, content providers are the key to the life or death of a certain technology. Even if the hardware is cool to use, it needs to be useful for the public, and content providers create useful things.

I hope augmented reality content providers will be gathered at AWE soon, and that’s the real era of Augmented Reality.

Thanks for reading! LQ