pano.gl

Equirectangular video/image viewer based on WebGL.

 


Features

* Pure javascript.
* Multiple camera models: perspective/cylindrical/planet/pannini.

Install

`` shell
npm install pano.gl --save
`

Build

` shell
git clone https://github.com/yusangeng/pano.gl.git
cd pano.gl
npm i
npm run build
`

The bundle files should be in ./.package.

Usage

$3

` js
import FramelessImageViewer 'pano.gl/lib/FramelessImageViewer'

const viewer = new FramelessImageViewer({
el: '#image-viewer-wrap', // container DOM element.
src: '//www.foobar.com/path/to/image',
camera: {
type: 'perspective' // perspective/cylindrical/planet/pannini.
}
})
`

$3

` js
import FramelessVideoViewer 'pano.gl/lib/FramelessVideoViewer'

const viewer = new FramelessVideoViewer({
el: '#video-viewer-wrap', // container DOM element.
src: '#video', // `

$3

` js
viewer.cameraOptions = {
type: 'cylindrical' // perspective/cylindrical/planet/pannini.
}
`

$3

` js
const deltaX = 1
const deltaY = 2

viewer.rotate(deltaX, deltaY)
`

$3

` js
const delta = 0.1

viewer.zoom(delta)
`

$3

` js
// true: PTZ Enabled, false: PTZ disabled.
viewer.PTZ = false
``