# 360player全景图播放器更新日志

# 介绍

360player (opens new window)是基于浏览器的全景图播放器,无需上传到第三方平台(如720云),直接通过自己的网站分享链接。它支持本地环境开发,不需要云端在线开发(像720云那样)。适合没有编程基础的摄影师、设计师使用和进行二次开发。

# 主要功能

  1. 支持360全景图片/视频播放;
  2. 支持本地上传全景图;
  3. 背景音乐、全屏功能;
  4. 截图功能;
  5. VR功能;
  6. 陀螺仪重力感应功能。

# 更新

20200907更新

  • 全景投影方式改为立方体投影(不再支持等距柱状全景图),全景图清晰度提高6倍;
  • 贴图采用渐进式加载,即先使用低分辨率贴图,场景加载完成后再加载高分辨率贴图;
  • 上传图片功能改为编辑模式,该模式下可以分别对立方体投影模型的6个面上传图片;
  • 重力感应代码优化,全部使用JS实现,方便复用;
  • url参数新增audio,可以通过该参数添加背景音乐,如360player/360player.html?audio=./bgm.mp3
  • 其它:仍然支持video参数加载全景视频,不再支持image参数。

立方体格式全景图可以使用PTGui软件进行转换,该软件还能很方便地导出低分辨率贴图,并且带有重命名功能。

视频更新日志 (opens new window)

20200606更新

  • 新增陀螺仪重力感应功能
  • 图标自适应改进,在移动设备上尺寸会变小一点
  • 图标点击时增加透明度动画
  • 弹出的提示信息2秒后自动关闭

视频更新日志 (opens new window)

20200514更新

  • 支持.mp4格式360全景视频
  • VR改进,当低头时显示退出VR按钮
  • 支持通过image或video地址参数从本地或远程服务器加载图片或视频,如:
https://zjbcool.com/360player/360player.html?video=./vr.mp4
或
https://zjbcool.com/360player/360player.html?image=./vr.mp4
1
2
3

所以现在只需要修改地址参数就可以替换默认的图片或视频了。

视频更新日志 (opens new window)

20200508更新

20200504更新

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的N次方尺寸的图片,如:1024 * 1024,2048 * 2048。
  • 替换文件夹下贴图。
  • 替换默认背景音乐,同名覆盖 bjyy.mp3 ,或使用通过url参数audio加载音乐,如360player/360player.html?audio=./bgm.mp3。音乐格式尽量使用浏览器支持较好的.mp3格式。
  • 部署到自有网站,请阅读《部署Verge3D应用到服务器的4种方法》 (opens new window)

# 开发工具

# 交流群

宅家呗资源分享钉钉群:34363271

上次更新: 2020-9-17 15:50:14