goldsounds

This plugin provides a [vrview] shortcode that embeds 360′ mono-and-stereoscopic images and videos into your WordPress website using Google’s “<a href="https://developers.google.com/cardboard/vrview" rel="nofollow ugc">VR Views</a>” library. On devices supporting VR (such as Google Cardboard devices), a link appears that will display the content in full-screen VR mode.
As per the VR Views spec:
<blockquote>
VR Views allow you to embed 360 degree VR media into websites on desktop and mobile, and native apps on Android and iOS. This technology is designed for developers of traditional apps to enhance them with immersive content. For example, VR Views make it easy for a travel app to provide viewers with an underwater scuba diving tour as they plan vacation or for a home builder to take prospective buyers on virtual walkthrough before the home is built.
VR Views also address a common developer concern, namely the limited availability of VR hardware amongst the general public. Although VR Views support true stereoscopic VR playback through compatibility with Google Cardboard, they default to a simple “magic window” mode that works on everything from desktop browsers to mobile apps without any special hardware.
</blockquote>
This plugin allows you to embed VR Views in the recommended way – by self-hosting the vrview.js file. This enables you to embed any content uploaded to your site without needing to perform CORS hackery.
The shortcode syntax follows exactly the parameter spec of VR Views themselves:
<ul>
<li>image or video: {String} URL of image or video to load. (required)</li>
<li>is_stereo: {Boolean} true if content is in stacked stereo format. (optional, default false)</li>
<li>preview: {String} URL of still preview to load first. (optional, default none)</li>
<li>start_yaw: {Number} Initial yaw of viewer, in degrees. (optional, default 0)</li>
<li>is_yaw_only: {Boolean} true if motion is restricted to yaw only. (optional, default false)</li>
</ul>
e.g. [vrview image=”//photovrse.com/examples/coral.jpg” is_stereo=”true”]
The content itself could be captured on any device which supports capturing 360 images or video. My preferred app is the <a href="https://play.google.com/store/apps/details?id=com.google.vr.cyclops&hl=en" rel="nofollow ugc">Google Cardboard Camera</a> (Android-only)
You can see the shortcode above in action here: http://goldsounds.com/vrview-test/
For tips on converting Cardboard Camera images, check out these resources:
<ul>
<li>http://vectorcult.com/2015/12/extracting-the-audio-stereo-pair-from-cardboard-camera-3d-panoramic-images/</li>
<li>http://edward.io/blog/extracting-google-cardboard-photos.html</li>
</ul>
<h3>Credits</h3>
Virtual Reality Goggles icon by Felisberto Piazza from the Noun Project

VR Views

Embed photospheres and 360 degree videos in mono or stereoscopic formats, and view in "VR Mode" using Google Cardboard.

snagysandor

Create spherical photos with Google Camera or any photo sphere applications and insert it your site with Simple Photo Sphere. 
Simple Photo Sphere it is works with touch screens too. 
<a href="https://nagysandor.org/photo-sphere-demo" rel="nofollow ugc">Demo</a>
Shortcode example
Minimal
[sps_img img_id=”1″ caption=”Bedroom”]
All options
[sps_img img_id=”1″ caption=”Living room” width=”800″ height=”600″ height_vh=”80″ padding=”10″ autoplay=”0″ two_fingers=”1″ longitude=”0″ latitude=”0″ zoom=”60″ imgstyle=”border: 2px solid darkblue;” two_fingers_titel=”Use two fingers to navigate” autorotate_title=”Automatic rotation” zoom_title=”Zoom” zoom_out_title=”Zoom Out” zoom_in_title=”Zoom In” normal_size_title=”Switch to small Size” full_size_title=”Switch to full size” marker1=”10,0,0,150,50″]
Required
img_id: select your img id from media library (If not specified, a demo image is displayed.)
Display optional 
(Not necessary, is displayed correctly with the default settings)
width: image max width in pixel (default: 600) 
height: image max height in pixel (default: 450) 
height_vh: image height of the viewport in percent (default: 80) 
padding: distance from other elements in pixel (default: 10) 
caption: description of the photo sphere (default: Photo Sphere) 
longitude: initial longitude, between 0 and 2π 
latitude: initial latitude, between -π/2 and π/2 
zoom: initial zoom, between 30 and 90 (default: 60) 
imgstyle: extra CSS options for advanced user 
autoplay: enable or disable auto rotate, 0 is off and 1 is on (default: 0) 
two_fingers: Requires two fingers to rotate the panorama. This allows standard touch-scroll navigation in the page containing the viewer. If enabled, an overlay asking the user to use two fingers is displayed when only one touch is detected. 0 is off and 1 is on (default: 0)
Language options 
(Not necessary, is displayed in English language with the default settings)
two_fingers_titel: Use two fingers to navigate 
autorotate_title: Automatic rotation 
zoom_title: Zoom 
zoom_out_title: Zoom Out 
zoom_in_title: Zoom In 
normal_size_title: Normal Size 
full_size_title: Full Size
You can set the titles on settings page. (This will be the default for all shortcode.)
Markers
Use an image as marker. 
marker1=”10,0,0,150,50″ marker2=”11,0,0,150,50″ … 
Where the five value is “img_id,longitude,latitude,width,height”. 
Up to 20 markers can be used.
CSS examples
Simple border = border: 2px solid lightslategrey; 
Simple border with padding = padding: 4px;border: 4px solid darkslateblue; 
Double border = padding: 4px; border: 4px solid darkblue; background-color: darkslateblue;

Simple Photo Sphere

Create a spherical photo and insert it your site with Simple Photo Sphere.

VR Views vs Simple Photo Sphere