o-three-sixty

CSS JS

Display 360 degree panoramic media from brightcove

View on GitHub

Quick start

Using the build service

Add the following token to your script and link tags (how do I do that?):

o-three-sixty@^1.0.0

For more information see the Origami build service.

Using a manual build process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-three-sixty"@"^1.0.0"

For more information see the Origami build process.

o-video


			

Showing 360 video content from o-video

img


			

Showing a 360 image from an image element.

video


			

Showing a 360 video from a video element.

img-buttons


			

Instantiate with JS, and add buttons for interactivity.

Component information

Latest stable version:
1.0.0 (1 year, 4 months old)
Status (Learn more):
Experimental (as of 1.0.0)
Bundle sizes:
59.05KB JavaScript 7.22KB CSS
This version
1.0.0 (1 year, 4 months old)
Support status (Learn more):
Experimental (as of 1.0.0)
Last indexed
5 Oct 2017 17:02:44 (Build now)
Installable?
Not installable, fails build tests
Dependencies
o-buttons ^4.0.1 Out of date 5.8.0
o-icons ^4.2.0 Out of date 5.4.2
o-video ^0.3.0 Out of date 4.1.5
o-viewport ^2.2.0 Out of date 3.1.4
qrious ^2.0.1 Out of date
Dependents
None

Contact

To talk to the team you can contact the Origami team on Slack channel #ft-origami or directly by email at origami-support@ft.com

Report an issue

Origami