收藏
回答

swiper内使用gif图轮播切换显示不正确!?

swiper的interval值设为5s,使用三张5s的gif图。

首次切换渲染gif图展示正常。但继续切换后,gif图不是从相对的0s开始播放了,就是混乱的。

理应不是切换到某张gif图,gif图从相对0s播放gif到结束,然后切换到下一章gif图从相对0s播放gif到结束....依次循环?


代码片段:https://developers.weixin.qq.com/s/h55aEHmy7UEW

gif的时间等于swiper的interval时间,都为5s。

现结果是:安卓和开发工具正常轮播,gif也每次从初始播放;苹果gif用image渲染后播放正常,第二次后的循环到这个gif图时就播放不正常了。



最后一次编辑于  2022-12-22
回答关注问题邀请回答
收藏

6 个回答

  • Demons
    Demons
    2022-12-22

    请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。

    2022-12-22
    有用
    回复 1
  •                  
               
    2022-12-22

    既然gif实现不了,要不考虑一下用视频实现

    video是可以控制播放位置的,还可以实现判断单个文件的播放时长,不需要硬编码成5s

    mp4的视频,比gif的文件大小也小很多

    2022-12-22
    有用
    回复 2
    • 無
      发表于移动端
      2022-12-22
      可惜这个东西我们是第三方,别人给gif发现这个问题告诉我们~ 但安卓没问题,苹果却出现混乱…
      2022-12-22
      回复
    • 無
      发表于移动端
      2022-12-22
      谢谢你的思路。
      2022-12-22
      回复
  • 郑钱花
    郑钱花
    2022-12-22

    丢出代码片段来我run个看看

    2022-12-22
    有用
    回复 6
    • 無
      2022-12-22
      2022-12-22
      回复
    • 無
      2022-12-22
      非常简单的swiper就可以复现,然后我发现安卓没问题,ios会复现我提出的问题
      2022-12-22
      回复
    • 無
      2022-12-22
      代码片段:https://developers.weixin.qq.com/s/h55aEHmy7UEW
      2022-12-22
      回复
    • 郑钱花
      郑钱花
      2022-12-22回复
      据我仔细观察,5s看起来会播放不正常,但是我调整到6s,就看起来正常了。于是我怀疑你的gif时长不是准确的5000ms,而是介于5000ms和6000ms之间。于是我自己用了3张图,每张2s。总共6s。准确的保证了每张gif都是6s,将抡博设置为6s之后。ios没观察到有混乱的问题。https://developers.weixin.qq.com/s/7uiwpHmG7lE6
      2022-12-22
      回复
    • 無
      2022-12-22回复郑钱花
      调整到6s一样ios是有问题的,应该是他的gif不是准确5s导致的。
      2022-12-22
      回复
    查看更多(1)
  • 阿true🥳
    阿true🥳
    2022-12-22

    试试当前swiper显示的时候才给图片设置src呢...

    2022-12-22
    有用
    回复 1
    • 無
      2022-12-22
      额,一样的。然后我发现安卓没问题,ios会复现我提出的问题
      2022-12-22
      回复
  • 爱尔兰的牧羊人
    爱尔兰的牧羊人
    发表于小程序端
    2022-12-22

    看不懂在说什么无趣

    2022-12-22
    有用
    回复 2
    • 無
      发表于移动端
      2022-12-22
      就swiper切换后的gif图不是从初识播放的了,可能已经播放到一半可能已经播放到结束准备回到初识
      2022-12-22
      回复
    • 無
      发表于移动端
      2022-12-22
      实际无论swiper怎么切换下一张gif图,这图都是从初识开始播放呀
      2022-12-22
      回复
  • 無
    2022-12-22

    开发者工具内是理应的结果。但是到手机上就不是了~

    2022-12-22
    有用
    回复
登录 后发表内容