/360.js

360° video player and photo viewer in Html5/JavaScript/WebGL

Primary LanguageJavaScript

Run the demo

Set-up

Either upload code and media files to a http server, or see instructions to run locally. Make sure the media files are in the same location as the code, because of browsers' "same origin policy" security restrictions.

Find 360° media

Photos

Photos can be found by searching Google images for "equirectangular". Make sure the ratio is 2:1 (360° horizontally, 180° vertically).

See this spherical panorama by Jón Ragnarsson as an example.

Videos

Coming soon...

Requirements

Recent browser with WebGL enabled. See WebGLstats for information on your machine's capacities.

Code

Acknowledgments

The photo viewer is based on the Three.js panorama_equirectangular example. It was adapted for use with a video texture.

Thanks to Martin Görner and Mr.doob for their introduction to WebGL workshop at DotJS 2012. See http://animateyourhtml5.appspot.com for more information.

License

MIT