15+ Awesome 360 Degree Image & Video Javascript Plugins

Web browsing is moving towards visual and virtual reality environments, but challenges for user engagement remain. Interactive 360 degree video and image can offer a new way for creating customized VR experiences for branding and entertainment. So if you are looking for easy way to embed 360 degree image and video on your site, here are 10 Best 360 Degree Image & Video Javascript Plugins.

Aframe

Web framework for building virtual reality experiences.

Aframe


Panolens.js

Panolens.js is an event-driven and WebGL based panorama viewer. Lightweight and flexible. It’s built on top of Three.JS.

Panolens.js


Pannellum

Pannellum is a lightweight, free, and open source panorama viewer for the web. Built using HTML5, CSS3, JavaScript, and WebGL, it is plug-in free. It can be deployed easily as a single file, just 21kB gzipped, and then embedded into pages as an iframe. A configuration utility is included to generate the required code for embedding. An API is included for more advanced integrations.

Pannellum


egjs-view360

egjs-view360 is a 360 integrated viewing solution from inside-out view to outside-in view. It provides user-friendly service by rotating 360 degrees through various user interaction such as motion sensor and touch.

egjs-view360


Panoramic Image Viewer

It takes static panorama photography & images and uses JQuery to add hotspots, rotation and scrolling for an ultra realistic viewing experience.

 360 degree Panoramic Image Viewer - Responsive jQuery Plugin


JS Cloudimage 360 View

A simple, interactive resource that can be used to provide a virtual tour of your product.

js-360


React 360

React 360 is a framework for the creation of interactive 360 experiences that run in your web browser. It pairs modern APIs like WebGL and WebVR with the declarative power of React, producing applications that can be consumed through a variety of devices. Leveraging web technologies and the existing React ecosystem, React 360 aims to simplify the construction of cross-platform 360 experiences.

React 360


Valiant 360

The aim of this project is to provide a free, minimalist 360 degree video WebGL player for modern browsers. It is implemented as a jQuery plugin, with a limited interface for controlling video playback, and mouse/scrollwheel controls for zooming and panning.

Valiant 360


Kaleidoscope

An embeddable, lightweight, dependency-free 360 degree video/image viewer.

Kaleidoscope


Three Sixty Image slider

This is a jQuery plugin to create 360 degree product image slider. The plugin is full customizable with number of options provided. The plugin have the power to display images in any angle 360 degrees. This feature can be used successfully in many use cases e.g. on an e-commerce site to help customers look products in detail, from any angle they desire.

Three Sixty Image slider


Reel

This is an established and the most versatile three-sixty player for jQuery. Teaches your ordinary image tag some new tricks turning it into a gorgeous interactive 360 degree object movie, panorama or stop-motion animation.

Reel


Virtual Tour

This is a responsive javascript plugin for displaying 360 degree virtual tours directly in the Browser. Now there is no need to segregate the 6 side of panoramic photo.

 360 Virtual Tour


Product Viewer

It’s a a rich-feature and unique tool with a fully responsive layout which allows to display a large number of images from different angles of a 2D or 3D product offering control over the layout in the way that pleases you most, allowing the user to rotate, pan or zoom the images. It is mobile optimized running great on iOS (iPad,iPhone), Android and Windows mobile and desktop mobile devices and of course it works on every modern browser and older browsers like IE7 or IE8.

 Easy 360 Product Viewer


WebGL Based Panoramic Script

This script transforming your panorama image into a 3D globe. And placed camera inside the core. With your mouse you can move your camera and then watching panorama 3D globe. Also this script has a pointer class which can describe pointed elements.

 WebGL Based Multi-Purpose 360° Panoramic Script


3D-Tour Hero

This scripts helps you to add Virtual 3D Tour to your site.

 3D-Tour Hero | Script of WebGL Based Virtual Tour + Visual Constructor


View360

It’s easy to show any product in 3D of 360 degree rotation. It’s responsive and support all mayor devices and browsers. It is built for both professional ecommerce industry and small online stores.

 View360 - 3D & 360 degree product viewer


Marzipano

The tool generates a virtual tour from a set of panoramas and allows you to export it as web application that can be deployed as-is or used as a boilerplate for more advanced projects. Requires Firefox or Chrome.

Marzipano


EleVR Web-Player

The eleVR player lets you watch 360 flat and stereo video on your Oculus Rift or Android device with VR headset (Cardboard, Durovis Dive, etc.) from a web browser. It is written with js, html5, and webGL.

EleVR Web-Player


2 Comments

  1. Cebasays:

    Hi please consider this one too http://www.dimin.net/software/panojs/

  2. Svensays:

    For product 360 photography there is an other one worth to be mentioned https://www.ajax-zoom.com/examples/example32_axZmMode.php which includes images zoom and videos in one player!

  3. Jeroensays:

    There is a new free 360 viewer with zoom at https://www.360-javascriptviewer.com/

  4. Hey, maybe you can list my software too? Its called 360-To-HTML and helps you to embed you 360 Panoramas in any Website / CMS you want.
    https://www.360-to-html.com

    There is a Windows Edition as well a Webservice https://app.360-to-html.com
    I am currently working on an android app.

    Best Regards
    Marco

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.