Kevin Bazira

<p>Algori 360 Image is a Gutenberg Block Plugin that enables you add interactive 360° images to your WordPress website. Adding immersive panorama images, spherical images, equirectangular photos, full-sphere 3D images and VR (Virtual Reality) photography will boost user engagement and increase revenue for your site.</p>
<p><strong><br />
Please Note that this plugin;<br />
* Currently supports one 360° image per page.<br />
* Requires the Gutenberg editor to be activated on your WordPress site in order to access and use the 360° image block.<br />
</strong></p>
<h3>Features</h3>
<ol>
<li>No Flash Needed</li>
<li>Compatible with Modern Browsers like Chrome, Firefox, Edge and Safari.</li>
<li>Supports VR (Virtual Reality) headsets such as Vive, Rift, Windows Mixed Reality, Daydream, GearVR and Cardboard.</li>
<li>Supports JPG.</li>
<li>Supports both mouse and touch.</li>
<li>You can zoom into the image using touch.</li>
<li>Only one 360° image can be loaded on a single page.</li>
</ol>
<h3>How to use</h3>
<ol>
<li>After installing and activating the 360 Image plugin in your WordPress website.</li>
<li>Navigate to your blog post or page and use the Gutenberg editor to add a 360 Image block.</li>
<li>Use the 360 Image block to add a 360° image to your web page.</li>
<li>At this point, you can adjust your image’s dimensions (width and height) using the Gutenberg block inspector section.</li>
<li>Click “Publish” to view your new web page with a 360° image.</li>
<li>Congratulations 😀</li>
</ol>
<h3>Credits</h3>
<ul>
<li><a href="https://github.com/ahmadawais/create-guten-block" rel="nofollow ugc">create-guten-block</a> , (C) 2018 Ahmad Awais, <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT</a></li>
<li><a href="https://aframe.io/" rel="nofollow ugc">A-Frame</a> , (C) 2015-2018 Mozilla and A-Frame Authors, <a href="https://opensource.org/licenses/MIT" rel="nofollow ugc">MIT</a></li>
</ul>
<p>Algori 360 Image WordPress Plugin, Copyright 2025 Kevin Bazira<br />
Algori 360 Image is distributed under the terms of the GNU GPL</p>


Algori 360 Image

Algori 360 Image is a Gutenberg Block Plugin that enables you add interactive 360° images to your WordPress website.

goldsounds

<p>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.</p>
<p>As per the VR Views spec:</p>
<blockquote>
<p>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.</p>
<p>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.</p>
</blockquote>
<p>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.</p>
<p>The shortcode syntax follows exactly the parameter spec of VR Views themselves:</p>
<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>
<p>e.g. [vrview image=”//photovrse.com/examples/coral.jpg” is_stereo=”true”]</p>
<p>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)</p>
<p>You can see the shortcode above in action here: http://goldsounds.com/vrview-test/</p>
<p>For tips on converting Cardboard Camera images, check out these resources:</p>
<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>
<p>Virtual Reality Goggles icon by Felisberto Piazza from the Noun Project</p>


VR Views

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

Algori 360 Image vs VR Views