介绍
全景图查看器360player,是基于浏览器的全景图查看工具,可以很容易地部署到网站上,然后以自己网站的地址分享自己的全景图,无需借助第三方平台。
更新
20200101更新
- 由于Chrome 79已经默认集成WebXR,360player现在使用WebXR实现VR功能。
- 增加截图功能。
- 更换了按钮图标。
- 更换了加载器。
20191201更新
- 更新了核心v3d.js模块,现在能够在可用的设备上支持webGL2.0,让图片渲染效果更佳;
- 修复分辨率降低问题,在支持webGL2.0的设备上图片会保持原有尺寸,不会自动处理成2的N次方尺寸;
- 重力感应功能在移动设备上有效,在PC上点击时会弹出提示信息;
- VR功能在上个版本是通过WebXR来实现的,需要佩戴VR头显,这次改为左右双屏模式,开启重力感应时能方便地在手机盒子设备上运行;
- 修复了交互时方向相反的问题;
- 修复了上下极点图片拉伸的问题;
- 修复默认朝向问题,现在默认会朝向图片的正中间;
- 禁用缩放;
- 禁用分享微博,因为这一功能需要上传图片到服务器,存在隐私问题,此功能需定制开发;
- 去掉了水印。
使用说明
- 目前对于上传的图片支持png jpg hdr格式,建议使用jpg格式。
- 对于图片尺寸要求宽高比为2:1,尽量使用2的N次方尺寸的图片,如:2048 * 1024,4096 * 2048。
- 替换默认全景图,同名覆盖 room_env.jpg 。
- 替换默认背景音乐,同名覆盖 bjyy.mp3 。
演示地址
https://zjbcool.com/app/360player/360player.html
下载地址
或
关注公众号:宅家呗网,回复:360player
开发工具
verge3d、three.js、Blender
开发教程
https://www.bilibili.com/video/av81787962/
技术咨询
请加钉钉群:21935218