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.

malhar050700

<p><strong>Product page:</strong> <a href="https://www.codezinnovation.in/products/orbitlens360" rel="nofollow ugc">OrbitLens360 — Codez Innovation</a></p>
<h4>Why OrbitLens360?</h4>
<p>OrbitLens360 is built as an immersive visualization layer for architects and interior designers: a WordPress plugin that turns static renders into interactive 360° spatial experiences. It helps professionals present work with depth, realism, and perspective so clients can step inside spaces before they are built. More than a simple viewer, it is a storytelling layer for spatial design.</p>
<p>By turning panoramic renders into seamless 360° environments, OrbitLens360 lets visitors navigate interiors and layouts intuitively. People can explore rooms, grasp proportions, and see materials in context — closing the gap between imagination and reality. That clearer communication can reduce revisions and speed up decisions.</p>
<h4>Engineering advantage</h4>
<p>Built for solid performance inside WordPress, OrbitLens360 supports high-resolution panoramas with sensible loading and smooth interaction. Its modular setup fits portfolios, project pages, and client-facing sites while staying responsive and visually faithful. It scales with your workflow so architectural and interior concepts feel tangible on the web.</p>
<p>Rendering is powered by <a href="https://photo-sphere-viewer.js.org/" rel="nofollow ugc">Photo Sphere Viewer 5</a>, loaded as ES modules through WordPress’s native script-modules API, with rotation, zoom, fullscreen, gyroscope, and autorotate support.</p>
<h4>Features</h4>
<ul>
<li>Gutenberg block for quick insertion</li>
<li>Elementor widget for drag-and-drop layouts</li>
<li>Auto-rotation option</li>
<li>Mousewheel zoom</li>
<li>Default yaw and pitch configuration</li>
<li>Libraries bundled — no CDN dependency for core viewing</li>
</ul>
<h4>Third-party libraries (bundled, MIT-licensed)</h4>
<ul>
<li><a href="https://photo-sphere-viewer.js.org/" rel="nofollow ugc">Photo Sphere Viewer 5.14.1</a> — <a href="https://github.com/mistic100/Photo-Sphere-Viewer" rel="nofollow ugc">repository</a></li>
<li><a href="https://threejs.org/" rel="nofollow ugc">Three.js r179</a> — <a href="https://github.com/mrdoob/three.js" rel="nofollow ugc">repository</a></li>
</ul>


OrbitLens360

Immersive 360° panoramas for architects and interior designers — turn static renders into interactive spatial experiences on WordPress.

VR Views vs OrbitLens360