评论

【分享】小程序全景图片展示的几个方案

小程序全景图片展示

概述

以下方案均需要有全景照片后方可实现(自己拍的 or 网上下载)。

一、方案一:自建网页

自建网页,自己有服务器,可以用全景图转换器(如pano2vr)直接生成html代码,然后通过 webview 嵌入到小程序访问。

建议:图片可以放在七牛云或其他地方,CDN 能有效优化网页中全景图的打开速度(一般全景图片体积都是较大的)。

体验效果:

二、方案二:720yun

使用 720云,这也是大部分全景摄影社或爱好者最习惯用的平台了。他们也提供了小程序打开全景图的方案。但核心还是使用 webview,并且需要开通会员,具体参考:

建议:经费足的可以考虑一下这个方案,毕竟720云的操作和体验是真的是十分优秀的!

参考:小程序校验指南 | 720yun
https://bbs2.720yun.com/article?id=687

三、方案三:小程序插件

以上两种方案都是借助webview来实现,也就是说必须要企业或其他单位的主体才能使用。个人的小程序如果要实现全景,建议使用这位大佬写的小程序插件——wxPano。项目一直在不断更新中,而且还免费,很值得期待!

建议:①该插件限制全景图片分辨率需在2048*1024及以下,因此无法打开画质很高清的全景图片。②插件代码包超过1MB,对小程序打开速度有微小的影响。

链接:https://mp.weixin.qq.com/wxopen/pluginbasicprofile?action=intro&appid=wx386c038238531f87

结语

以上来自我自己开发时的一些经验,欢迎前辈老师们补充。
也欢迎社区三连——点赞收藏关注!!

最后一次编辑于  2019-10-24  
点赞 13
收藏
评论

5 个评论

  • KKO
    KKO
    2021-04-19

    使用第三种方法时,引用插件示例代码,有两个问题:

    1. 切入后台再次进入小程序图片加载不出(黑)
    2. 插件文档里说JPLoader下可以使用8192*4196以下的图片,然鹅用了后开发者工具上可以显示但手机端预览图片加载不出(黑)。。。

    求解

    2021-04-19
    赞同 3
    回复 2
    • 大伟
      大伟
      2021-06-07
      JPLoader能加载出来大分辨率图,但是好慢,需要优化优化。后台切前台图片加载不出来(黑)
      2021-06-07
      回复
    • 解
      2021-09-06
      求解决啊
      2021-09-06
      回复
  • 曹蕊
    曹蕊
    2019-11-01

    111

    2019-11-01
    赞同 1
    回复
  • 2019-10-24

    不错,学习了

    2019-10-24
    赞同 1
    回复
  • 多巴胺
    多巴胺
    2023-07-11

    三种方法,在上面添加图标,为什么点击背景图片会隐藏图标

    2023-07-11
    赞同
    回复
  • 宇晨17002454441
    宇晨17002454441
    2021-05-12

    第三种方法没学明白呀,不会呀。


    2021-05-12
    赞同
    回复
登录 后发表内容