[{"data":1,"prerenderedAt":229},["ShallowReactive",2],{"article-webp动图循环n+1的问题":3},{"title":4,"article":5,"hot_article":15,"month_arch":78,"cover":226},"webp动图循环n+1的问题 - 独孤影的博客",{"id":6,"title":7,"uri":7,"author":8,"tags":9,"created_at":12,"view_count":13,"content":14},55,"webp动图循环n+1的问题","duguying",[10,11],"webp","循环","2017-05-23 11:04:24",4161,"\u003Cp>最近需要用ffmpeg将视频截取转为webp动图，但是发现截取后的视频在Chrome浏览器上打开播放循环次数不对\u003C\u002Fp>\u003Cpre class=\"brush:plain;toolbar:false\">.\u002Fffmpeg -i xxx.mp4 -map_metadata -1 -s 640x360 -r 15 -t 00:00:02 -loop 1 xxx1.webp\u003C\u002Fpre>\u003Cp>以上命令中 -loop 1 指定动画循环1次，但是所生成的图片在Chrome上播放却是循环2次，同时发现截取 gif 也存在这个问题\u003C\u002Fp>\u003Cpre class=\"brush:plain;toolbar:false\">.\u002Fffmpeg -i xxx.mp4 -map_metadata -1 -s 640x360 -r 15 -t 00:00:02 -loop 1 xxx1.gif\u003C\u002Fpre>\u003Cp>但是后来我发现将 -loop 指定为-1却可以截取一次循环的gif，但是 -loop -1 这个参数如果用在截取 webp 就会报错。\u003C\u002Fp>\u003Cp>最后我找到了 \u003Ca href=\"http:\u002F\u002Fdownloads.webmproject.org\u002Freleases\u002Fwebp\u002Findex.html\" target=\"_blank\">libwebp\u003C\u002Fa> 项目，在其压缩包目录中找到了官方的 webp 查看工具 vwebp.exe ，用它播放 webp 发现却是正常的，Chrome上播放循环两次的图用它播放只有一次。这说明是 Chrome 的bug，并非 ffmpeg 转码的问题。有人也发现了这个问题。 \u003Ca target=\"_blank\" href=\"http:\u002F\u002Fdreampiggy.com\u002F2017\u002F03\u002F06\u002F%E5%AE%A2%E6%88%B7%E7%AB%AF%E4%B8%8A%E5%8A%A8%E6%80%81%E5%9B%BE%E6%A0%BC%E5%BC%8F%E5%AF%B9%E6%AF%94%E5%92%8C%E8%A7%A3%E5%86%B3%E6%96%B9%E6%A1%88\u002F\">链接\u003C\u002Fa>  \u003C\u002Fp>\u003Cp>\u003Cbr\u002F>\u003C\u002Fp>",{"title":16,"list":17},"最热文章",[18,24,30,36,42,48,54,60,66,72],{"id":19,"title":20,"uri":21,"author":8,"created_at":22,"view_count":23},28,"docker容器目录与主机目录同步","\u002Farticle\u002Fdocker容器目录与主机目录同步","2014-12-31 12:34:08",15573,{"id":25,"title":26,"uri":27,"author":8,"created_at":28,"view_count":29},21,"beego中使用fis","\u002Farticle\u002Fbeego中使用fis","2014-12-03 10:47:56",9253,{"id":31,"title":32,"uri":33,"author":8,"created_at":34,"view_count":35},20,"用github登录，oauth开发","\u002Farticle\u002F用github登录，oauth开发","2014-11-23 13:33:37",9115,{"id":37,"title":38,"uri":39,"author":8,"created_at":40,"view_count":41},18,"windows服务注册工具nssm","\u002Farticle\u002Fwindows服务注册工具nssm","2014-10-31 21:34:39",9054,{"id":43,"title":44,"uri":45,"author":8,"created_at":46,"view_count":47},49,"用latex排版中文书籍","\u002Farticle\u002F用latex排版中文书籍","2016-10-31 11:12:02",8645,{"id":49,"title":50,"uri":51,"author":8,"created_at":52,"view_count":53},19,"texlive中文书签乱码","\u002Farticle\u002Ftexlive中文书签乱码","2014-11-15 02:54:01",8466,{"id":55,"title":56,"uri":57,"author":8,"created_at":58,"view_count":59},6,"Windows上的软件包管理器chocolatey","\u002Farticle\u002FWindows上的软件包管理器chocolatey","2014-08-10 15:55:22",8012,{"id":61,"title":62,"uri":63,"author":8,"created_at":64,"view_count":65},3,"利用开源和免费资源搭建CI环境","\u002Farticle\u002F利用开源和免费资源搭建CI环境","2014-07-04 16:54:58",7740,{"id":67,"title":68,"uri":69,"author":8,"created_at":70,"view_count":71},16,"php-fpm网站目录权限配置","\u002Farticle\u002Fphp-fpm网站目录权限配置","2014-10-18 01:36:10",7276,{"id":73,"title":74,"uri":75,"author":8,"created_at":76,"view_count":77},27,"sublime text 2插件开发，外部修改文件无法重新加载","\u002Farticle\u002Fsublime text 2插件开发，外部修改文件无法重新加载","2014-12-26 20:24:13",7055,{"title":79,"list":80},"按月归档",[81,85,88,91,94,97,100,104,108,111,114,117,121,124,127,131,134,137,140,144,147,150,153,156,159,162,165,168,171,174,177,180,183,186,189,192,195,198,201,204,208,211,214,217,220,223],{"title":82,"uri":83,"view_count":84},"2026年7月","\u002Farchive\u002F2026\u002F7\u002F1","[1]",{"title":86,"uri":87,"view_count":84},"2026年1月","\u002Farchive\u002F2026\u002F1\u002F1",{"title":89,"uri":90,"view_count":84},"2025年4月","\u002Farchive\u002F2025\u002F4\u002F1",{"title":92,"uri":93,"view_count":84},"2024年6月","\u002Farchive\u002F2024\u002F6\u002F1",{"title":95,"uri":96,"view_count":84},"2024年5月","\u002Farchive\u002F2024\u002F5\u002F1",{"title":98,"uri":99,"view_count":84},"2024年4月","\u002Farchive\u002F2024\u002F4\u002F1",{"title":101,"uri":102,"view_count":103},"2023年12月","\u002Farchive\u002F2023\u002F12\u002F1","[6]",{"title":105,"uri":106,"view_count":107},"2023年11月","\u002Farchive\u002F2023\u002F11\u002F1","[2]",{"title":109,"uri":110,"view_count":84},"2023年10月","\u002Farchive\u002F2023\u002F10\u002F1",{"title":112,"uri":113,"view_count":84},"2023年7月","\u002Farchive\u002F2023\u002F7\u002F1",{"title":115,"uri":116,"view_count":107},"2023年6月","\u002Farchive\u002F2023\u002F6\u002F1",{"title":118,"uri":119,"view_count":120},"2023年5月","\u002Farchive\u002F2023\u002F5\u002F1","[3]",{"title":122,"uri":123,"view_count":107},"2023年4月","\u002Farchive\u002F2023\u002F4\u002F1",{"title":125,"uri":126,"view_count":107},"2023年3月","\u002Farchive\u002F2023\u002F3\u002F1",{"title":128,"uri":129,"view_count":130},"2023年2月","\u002Farchive\u002F2023\u002F2\u002F1","[5]",{"title":132,"uri":133,"view_count":84},"2023年1月","\u002Farchive\u002F2023\u002F1\u002F1",{"title":135,"uri":136,"view_count":107},"2022年12月","\u002Farchive\u002F2022\u002F12\u002F1",{"title":138,"uri":139,"view_count":130},"2022年11月","\u002Farchive\u002F2022\u002F11\u002F1",{"title":141,"uri":142,"view_count":143},"2022年10月","\u002Farchive\u002F2022\u002F10\u002F1","[4]",{"title":145,"uri":146,"view_count":103},"2022年9月","\u002Farchive\u002F2022\u002F9\u002F1",{"title":148,"uri":149,"view_count":130},"2022年8月","\u002Farchive\u002F2022\u002F8\u002F1",{"title":151,"uri":152,"view_count":84},"2019年7月","\u002Farchive\u002F2019\u002F7\u002F1",{"title":154,"uri":155,"view_count":84},"2019年2月","\u002Farchive\u002F2019\u002F2\u002F1",{"title":157,"uri":158,"view_count":84},"2018年9月","\u002Farchive\u002F2018\u002F9\u002F1",{"title":160,"uri":161,"view_count":84},"2018年8月","\u002Farchive\u002F2018\u002F8\u002F1",{"title":163,"uri":164,"view_count":84},"2017年11月","\u002Farchive\u002F2017\u002F11\u002F1",{"title":166,"uri":167,"view_count":84},"2017年8月","\u002Farchive\u002F2017\u002F8\u002F1",{"title":169,"uri":170,"view_count":84},"2017年5月","\u002Farchive\u002F2017\u002F5\u002F1",{"title":172,"uri":173,"view_count":84},"2017年4月","\u002Farchive\u002F2017\u002F4\u002F1",{"title":175,"uri":176,"view_count":84},"2016年11月","\u002Farchive\u002F2016\u002F11\u002F1",{"title":178,"uri":179,"view_count":84},"2016年10月","\u002Farchive\u002F2016\u002F10\u002F1",{"title":181,"uri":182,"view_count":107},"2016年9月","\u002Farchive\u002F2016\u002F9\u002F1",{"title":184,"uri":185,"view_count":84},"2016年8月","\u002Farchive\u002F2016\u002F8\u002F1",{"title":187,"uri":188,"view_count":107},"2016年7月","\u002Farchive\u002F2016\u002F7\u002F1",{"title":190,"uri":191,"view_count":130},"2016年6月","\u002Farchive\u002F2016\u002F6\u002F1",{"title":193,"uri":194,"view_count":84},"2015年12月","\u002Farchive\u002F2015\u002F12\u002F1",{"title":196,"uri":197,"view_count":84},"2015年10月","\u002Farchive\u002F2015\u002F10\u002F1",{"title":199,"uri":200,"view_count":107},"2015年2月","\u002Farchive\u002F2015\u002F2\u002F1",{"title":202,"uri":203,"view_count":84},"2015年1月","\u002Farchive\u002F2015\u002F1\u002F1",{"title":205,"uri":206,"view_count":207},"2014年12月","\u002Farchive\u002F2014\u002F12\u002F1","[8]",{"title":209,"uri":210,"view_count":107},"2014年11月","\u002Farchive\u002F2014\u002F11\u002F1",{"title":212,"uri":213,"view_count":130},"2014年10月","\u002Farchive\u002F2014\u002F10\u002F1",{"title":215,"uri":216,"view_count":120},"2014年9月","\u002Farchive\u002F2014\u002F9\u002F1",{"title":218,"uri":219,"view_count":120},"2014年8月","\u002Farchive\u002F2014\u002F8\u002F1",{"title":221,"uri":222,"view_count":120},"2014年7月","\u002Farchive\u002F2014\u002F7\u002F1",{"title":224,"uri":225,"view_count":107},"2013年9月","\u002Farchive\u002F2013\u002F9\u002F1",{"url":227,"title":228},"https:\u002F\u002Fimage.duguying.net\u002F2022\u002F09\u002Fij6x8o4s.webp","老家 摄于2020年秋",1790781593943]