WP Photo Sphere

Description

WP Photo Sphere is a filter that allows you to display 360×180 degree panoramas. With WP Photo Sphere, your visitors will be able
to navigate through your panoramas without install any plugin.

WP Photo Sphere is based on the JavaScript library Photo Sphere Viewer.

This plugin allows you to display equirectangular panoramas, taken with a classic camera or with Photo Sphere on Android and iOS.

If you want to contact me for any reason, feel free to email me at jeremy.heleine@gmail.com or contact me on:

  • Twitter: http://twitter.com/JeremyHeleine
  • GitHub: https://github.com/JeremyHeleine
  • LinkedIn: https://fr.linkedin.com/pub/j%C3%A9r%C3%A9my-heleine/55/a14/64a
  • Google+: https://plus.google.com/+JérémyHeleine
  • Facebook: https://www.facebook.com/jeremy.heleine

WP Photo Sphere is available in:

Screenshots

  • Options page
  • WP Photo Sphere link
  • Panorama

Installation

  1. Upload the wp-photo-sphere folder to the /wp-content/plugins/ directory
  2. Activate the plugin through the ‘Plugins’ menu in WordPress

FAQ

How to add a panorama?

Use the Add a panorama button to upload or choose a panorama to insert into your post.

Is it possible to read a distant panorama?

Since version 3.1, it is possible to read a distant panorama located on another website thanks to its URL. To do that, do not
indicate any ID number and use the url attribute. Note that this feature does not work with domains that did not enable CORS.
For example: [sphere url="http://upload.wikimedia.org/wikipedia/commons/a/a4/Cascading_Milky_Way.jpg"].

How to change the title?

The default title displayed on each WP Photo Sphere link can be changed in the options page. You can also choose to display an
unique title for a specific panorama by using the title attribute. Note that the %title% tag is also available in this
attribute.

How to change the dimensions?

By default, the dimensions are 560 x 315 pixels but you can change that in the options page (in the Settings menu).

You can also choose different dimensions for each panorama using the width and height attributes.
For example: [sphere 42 width="200" height="400"] or [sphere 42 width="50%" height="300"].

A maximum width can also be given with the attribute max_width. Its default value can be changed in the options page.

How to display the navigation bar?

The navigation bar allows users to zoom, animate the panorama or view it in fullscreen. To display it, just use the navbar attribute
with the value yes: [sphere 42 navbar="yes"].

You can choose to display it (or not) on all of your panoramas in the options page. If you display it on all of your panoramas and
want to deactivate it on one particular panorama, use the navbar attribute with the value no.

Can I change the automatic animation?

By default, panoramas are automatically animated after 2000 milliseconds, but you can change this with the
anim_after attribute. You can also deactivate the animation with the value -1. For example:
[sphere 42 anim_after=”5000″] or [sphere 42 anim_after="-1"].

You can set the animation speed with the anim_speed attribute. It accepts six units: revolutions per minute/second
(rpm/rps), degrees per minute/second (dpm/dps) or radians per minute/second (rad per minute/second). The default
speed can be set in the options page.
Example: [sphere 42 anim_speed="10rpm"].

Is it possible to autoload the panorama?

Since the version 1.1, you can specify, for each panorama, a special attribute: autoload. If you use this attribute,
the panorama will start automatically after the page has loaded. This attribute doesn’t require any value, for
example: [sphere 42 autoload] or [sphere 42 width="300" height="150" autoload].

How to change the levels of zoom?

Minimal and maximal levels of zoom can be personalized in the options page by changing the minimal and maximal fields of view. You can
also use the min_fov and max_fov attributes.

Reviews

Great Plugin!

I was looking for an effective way to showcase my Photosphere photos and this plugin really did the trick. Easy to set up and use.

A life saver!

Works great on WP 4.8! Thanks for creating his plugin! I have tried 3 prior plugins which did not work. I had seen the Photo Sphere Viewer Javascript library, but don’t know how to make it work in WP, so I really appreciate your plugin, Très bien!

Ce que je cherchais…

Enfin une extension qui fait exactement ce que j’attendais d’elle !
Parfaite et hautement paramétrable. Merci. 🙂
Pour une fois qu’un plugin n’est pas rempli d’incitations à payer…

An Excellent Plugin

This is a terrific plugin that works perfectly with the photo spheres taken with my Nexus 5x.

Read all 26 reviews

Contributors & Developers

“WP Photo Sphere” is open source software. The following people have contributed to this plugin.

Contributors

“WP Photo Sphere” has been translated into Portuguese. Thank you to the translators for their contributions.

Translate “WP Photo Sphere” into your language.

Interested in development?

Browse the code or subscribe to the development log by RSS.

Changelog

3.7.1

  • Portuguese translation updated

3.7

  • New option and attributes to control the sphere quality
  • New option and attribute to control the “scroll to zoom” feature

3.6.2

  • Dutch translation updated

3.6.1

  • Portuguese translation updated

3.6

  • New: smooth user movements
  • New: FOVs for cropped panoramas
  • New: overlay images

3.5.1

  • Portuguese translation updated

3.5

  • New: eyes offset in VR mode (option and attribute)

3.4.3

  • Dutch translation added

3.4.2

  • Portuguese translation added

3.4.1

  • Fixed: XMP data read again

3.4

  • New: Vertical animation control
  • New: Longitude restriction possible
  • New: Cropped panoramas
  • Fixed: Fullscreen on Internet Explorer

3.3

  • Gyroscope support
  • Virtual reality support

3.2.2

  • Fixed: multiple panoramas on a single page

3.2.1

  • Portuguese translation updated

3.2

  • New zoom_level, long, lat, tilt_up_max, tilt_down_max attributes
  • New autoload, zoom level, longitude, latitude, maximal tilt up and down angles options
  • Mobile zoom (pinch to zoom)
  • Fullscreen works on Chrome

3.1

  • New url attribute
  • New title attribute
  • New min_fov and max_fov attributes
  • New minimal and maximal FOV options
  • The container does not take its maximal height while loading

3.0.2

  • Portuguese translation updated

3.0.1

  • Turkish translation added

3.0

  • Equirectangular panoramas compatibility (not only Photo Sphere)
  • Navigation bar
  • XMP data attribute (to read them or not)
  • Portuguese language available

2.4

  • You can set your own animation speed

2.3.1

  • Bug fixed

2.3

  • Panoramas are now mobile compatible
  • Spanish language available

2.2

  • “Add a panorama” button now compatible with the visual editor

2.1

  • Maximum width can be given
  • Autoload after 1 second

2.0

  • New library
  • New “Add a panorama” button
  • New anim_after attribute
  • Scipts loaded only if necessary

1.1.1

  • Nothing new, just an error in the readme file

1.1

  • Autoload attribute

1.0

  • First official release