littlstar / axis360

Axis360 is a panoramic (360 video) rendering engine
http://developer.littlstar.com/axis360/public/doc/littlstar-axis/1.21.4/
MIT License
120 stars 22 forks source link

Axis

Axis is a panoramic rendering engine built for the Littlstar Player. It supports the rendering of equirectangular, cylindrical, and panoramic textures. It can playback spherical videos and render panoramic images. It also supports stacked video produced from the VSN Mobile V.360 video camera. Axis has support for rendering multiple projections such as Stereoscopic (Oculus), Tiny Planet and Fisheye.

Status

Stable (DEPRECATED) - See https://github.com/littlstar/axis3d

Installation

Axis can be built and installed in various ways.

NPM

Axis is available through npm

$ npm install @littlstar/axis --save

Source

Axis uses browserify internally for installing and building its dependency components.

$ git clone git@github.com:littlstar/axis.git
$ cd axis
$ make

Distribution builds are now available in the dist/ directory. Debug builds are now available in the build/ directory.

Example

For an interactive example, make example and navigate to http://localhost:9966/ in your browser =)

const { createAxisFrame } = requre('@littlstar/axis')
const domElement = document.querySelector('#video');
const frame = createAxisFrame(domElement, {
  src: '/path/to/video.mp4'
});

frame.once('ready', () => {
  frame.seek(5)
  frame.play()
  frame.projection('tiny planet')
  frame.rotate('y', {
    value: 0.002,
    every: 500
  });
});

TODO

Screenshots

Tiny planet projection

WebVR support

Littlstar web player

Axis is currently in use in production on the Littlstar web platform.

License

MIT