Skip to content

Tour-360/tour-player

Folders and files

NameName
Last commit message
Last commit date

Latest commit

bc3a725 · Nov 16, 2020
Nov 16, 2020
Jul 5, 2019
May 29, 2019
Nov 16, 2020
Dec 1, 2015
Nov 16, 2020
Nov 3, 2015
Nov 3, 2015
Nov 3, 2015
Dec 4, 2018
Dec 10, 2018
Dec 4, 2018
Apr 5, 2020
Dec 4, 2018
Jan 27, 2016
Nov 16, 2020

Repository files navigation

Tour-player

A simple 360° tour viewer for web & VR Web Player - HTML5

Build Status

tour-player demo

Example: tour-player.herokuapp.com

Getting started

Add between tags head

<link rel="stylesheet" href="/tour-player/latest/tour-player.css">
<script src="https://tour-360.ru/tour-player/latest/tour-player.js"></script>

Add JavaScript

Tour.init({
  title: "Tour name",
  panorams: [
    {
      id: "0", // folder name
      title: "First pano",
    }
  ]
}, {
    controlPanel: false,
    gallery: true
});

Tour.on('load', function(data) {
    this.controls.autoRotate();
})

See example code

Development

Clone this repository

git clone https://github.com/Tour-360/tour-player.git && cd tour-player

npm install -g gulp bower

npm install

Run server (browserSync)

gulp serve

Build

gulp build