// purchase a KRPano license and use the paid version of the JS file in your project
<script type=text/javascript src="krpano.min.js"></script>
Then import vrmaker by es6 in your project.
import VRViewer from 'vrviewer'
<script src="https://www.istaging.com/sdk/vrviewer.js"></script>
<body>
<div id="vrviewer"></div>
</body>
<script>
var vrviewer = new VRViewer()
vrviewer.init({
el: '#vrviewer-sdk',
lang: 'zh-cn',
panoCollection: fakePanoCollection,
panoramas: fakePanoramas,
setting: {
autoRotateSetting: {
active: true,
revert: false,
rotateDuration: 200000,
restartTime: 20000
},
gyroSetting: {
active: false
},
krpanoSetting: {
mwheel: true,
focus: false
},
tripodSetting: {
image: 'https://www.istaging.com/sdk/logo-tripod.png',
size: 60
}
}
})
</script>
npm install
npm start
// You can also check webpack dev server
npm run dev