360player免费全景图播放器更新附开发教程20200101

介绍

全景图查看器360player&＃xff0c;是基于浏览器的全景图查看工具&＃xff0c;可以很容易地部署到网站上&＃xff0c;然后以自己网站的地址分享自己的全景图&＃xff0c;无需借助第三方平台。

更新

20200101更新

• 由于Chrome 79已经默认集成WebXR&＃xff0c;360player现在使用WebXR实现VR功能。
• 增加截图功能。
• 更换了按钮图标。
• 更换了加载器。

20191201更新

• 更新了核心v3d.js模块&＃xff0c;现在能够在可用的设备上支持webGL2.0&＃xff0c;让图片渲染效果更佳&＃xff1b;
• 修复分辨率降低问题&＃xff0c;在支持webGL2.0的设备上图片会保持原有尺寸&＃xff0c;不会自动处理成2的N次方尺寸&＃xff1b;
• 重力感应功能在移动设备上有效&＃xff0c;在PC上点击时会弹出提示信息&＃xff1b;
• VR功能在上个版本是通过WebXR来实现的&＃xff0c;需要佩戴VR头显&＃xff0c;这次改为左右双屏模式&＃xff0c;开启重力感应时能方便地在手机盒子设备上运行&＃xff1b;
• 修复了交互时方向相反的问题&＃xff1b;
• 修复了上下极点图片拉伸的问题&＃xff1b;
• 修复默认朝向问题&＃xff0c;现在默认会朝向图片的正中间&＃xff1b;
• 禁用缩放&＃xff1b;
• 禁用分享微博&＃xff0c;因为这一功能需要上传图片到服务器&＃xff0c;存在隐私问题&＃xff0c;此功能需定制开发&＃xff1b;
• 去掉了水印。

使用说明

• 目前对于上传的图片支持png jpg hdr格式&＃xff0c;建议使用jpg格式。
• 对于图片尺寸要求宽高比为2:1&＃xff0c;尽量使用2的N次方尺寸的图片&＃xff0c;如&＃xff1a;2048 * 1024&＃xff0c;4096 * 2048。
• 替换默认全景图&＃xff0c;同名覆盖 room_env.jpg 。
• 替换默认背景音乐&＃xff0c;同名覆盖 bjyy.mp3 。

演示地址

https://zjbcool.com/app/360player/360player.html

下载地址

下载地址

或

关注公众号&＃xff1a;宅家呗网&＃xff0c;回复:360player

开发工具

verge3d、three.js、Blender

开发教程

https://www.bilibili.com/video/av81787962/

技术咨询

请加钉钉群&＃xff1a;21935218