0x00 事情起因

由于本站使用的是 Panda Pro 主题 并且安装了积木箱子,而在积木拓展中我发现了一款插件

wordpress小技巧:添加GIF Player加快页面加载速度插图

好家伙 这款插件还要收19.9元的保护费(doge)

为了使用GIF播放插件,我在wp plugins 市场上搜索了下 正好有这个插件,岂不美哉

0x01 安装插件

安装后 提示需要安装ffmpeg拓展

由于使用的是宝塔面板,所以我在宝塔的官方论坛里去看了看

wordpress小技巧:添加GIF Player加快页面加载速度插图1

由于使用的是 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

正确安装后 应该显示以上的内容

0x03 启用PHP函数

宝塔面板启用PHP函数:shell_exec

wordpress小技巧:添加GIF Player加快页面加载速度插图3

启用成功后,插件会检测shell_execffmpeg是否正常启用

检测完成后即可在文章中插入GIF 并且拥有点击播放Gif的功能

0x04 GIF播放测试

由于我这里使用了文件动静分离 所以缩率图暂时无法显示 后续我会尝试更改插件匹配本网站

经过对插件的函数修改,使用七牛云的图片处理 成功获取到GIF文件的缩率图

以下分别为直接显示GIF和点击显示GIF图片

wordpress小技巧:添加GIF Player加快页面加载速度插图4