本片主要记录基于panolens.js实现360全景视频的播放。只需一下三步。
1,引入核心js库
<script src="./js/three.min.js"></script>
<script src="./js/panolens.js"></script>
2,创建全景视频容器
<div id="panolens-separate-container"></div>
3,装载全景视频到全景容器div
var panorama, viewer;
panorama = new PANOLENS.VideoPanorama( 'mp4/ClashofClans.mp4', { autoplay: true } );
viewer = new PANOLENS.Viewer();
viewer.add( panorama );