我是靠谱客的博主 坚定灰狼,这篇文章主要介绍360全景视频panolens.js 实现代码,现在分享给大家,希望可以做个参考。

 本片主要记录基于panolens.js实现360全景视频的播放。只需一下三步。

1,引入核心js库

复制代码
1
2
<script src="./js/three.min.js"></script> <script src="./js/panolens.js"></script>

2,创建全景视频容器

复制代码
1
<div id="panolens-separate-container"></div>

3,装载全景视频到全景容器div

复制代码
1
2
3
4
5
6
7
var panorama, viewer; panorama = new PANOLENS.VideoPanorama( 'mp4/ClashofClans.mp4', { autoplay: true } ); viewer = new PANOLENS.Viewer(); viewer.add( panorama );

下载完整代码路径:360全景视频panolens.js实现代码.zip-互联网文档类资源-CSDN下载

最后

以上就是坚定灰狼最近收集整理的关于360全景视频panolens.js 实现代码的全部内容,更多相关360全景视频panolens.js内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(71)

评论列表共有 0 条评论

立即
投稿
返回
顶部