0x00 事情起因
由于本站使用的是 Panda Pro 主题 并且安装了积木箱子,而在积木拓展中我发现了一款插件
![wordpress小技巧:添加GIF Player加快页面加载速度插图 wordpress小技巧:添加GIF Player加快页面加载速度插图](https://static.esw.eswlnk.com/2021/04/2021042715435628.png)
好家伙 这款插件还要收19.9
元的保护费(doge)
为了使用GIF播放插件,我在wp plugins
市场上搜索了下 正好有这个插件,岂不美哉
0x01 安装插件
安装后 提示需要安装ffmpeg
拓展
由于使用的是宝塔面板,所以我在宝塔的官方论坛里去看了看
![wordpress小技巧:添加GIF Player加快页面加载速度插图1 wordpress小技巧:添加GIF Player加快页面加载速度插图1](https://static.esw.eswlnk.com/2021/04/2021042715505915.png)
由于使用的是 Centos 8.1 所以在使用这个脚本进行安装时出现了错误
0x02 解决ffmpeg
拓展
通过百度 我搜索到了一下两篇文章
https://www.cnblogs.com/xuyaowen/p/yum-config-manager.html
https://blog.csdn.net/martinking1997/article/details/103339686
在进行一系列的测试后 得到以下指令即可在Centos 8.x系统下安装ffmpeg
拓展
#安装ffmpeg拓展
sudo dnf install epel-release
sudo yum config-manager --set-enabled PowerTools
yum -y install yum-utils
sudo yum-config-manager --add-repo=https://negativo17.org/repos/epel-multimedia.repo
sudo dnf install ffmpeg
#安装完毕后 输入下列指令检测是否正确安装
ffmpeg -version
![wordpress小技巧:添加GIF Player加快页面加载速度插图2 wordpress小技巧:添加GIF Player加快页面加载速度插图2](https://static.esw.eswlnk.com/2021/04/2021042715583729-1024x245.png)
正确安装后 应该显示以上的内容
0x03 启用PHP函数
宝塔面板启用PHP函数:shell_exec
![wordpress小技巧:添加GIF Player加快页面加载速度插图3 wordpress小技巧:添加GIF Player加快页面加载速度插图3](https://static.esw.eswlnk.com/2021/04/2021042715595171.png)
启用成功后,插件会检测shell_exec
和ffmpeg
是否正常启用
检测完成后即可在文章中插入GIF 并且拥有点击播放Gif的功能
0x04 GIF播放测试
由于我这里使用了文件动静分离 所以缩率图暂时无法显示 后续我会尝试更改插件匹配本网站
经过对插件的函数修改,使用七牛云的图片处理 成功获取到GIF文件的缩率图
![wordpress小技巧:添加GIF Player加快页面加载速度插图4 wordpress小技巧:添加GIF Player加快页面加载速度插图4](https://static.esw.eswlnk.com/2021/04/2021042716151054.gif)
如果使用的是bucket的话 需要修改
wp-gp-pp.js
wp-gp-pp.min.js
helpers.php
trait-thumbnail-creator.php