Skip to content

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

Notifications You must be signed in to change notification settings

winterbest/360.js

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

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

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 99.7%
  • HTML 0.3%