Embedding a 360 panorama in a wordpress website

Recently I read this article about embedding VR view from Google VR documentation, so I thought I will give it a try to embed the picture to a website page using one sample taken by Cardboard Camera App.

1.Download the open source code for VR view on the web via GitHub.

github_vrview

2. Copy vrview-master.zip file to your wordpress and extracted it, mine is in cPanel.

3. Convert your picture taken by Cardboard Camera App.

4. Copy paste this and edit accordingly.

//storage.googleapis.com/vrview/index.html?image=//storage.googleapis.com/vrview/examples/coral.jpg&is_stereo=true

Here is the result

Enjoy..

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s