前言
前两天突发奇想，想在WordPress实现Live Photos的效果（这样我手机的动态照片就可以分享在WordPress上了）。在网上找了半天找到一款Live Photos Block的WordPress插件，原理是利用Apple的LivePhotosKit JS播放器脚本，考虑到我的动态照片都是安卓拍的，就在网上参考了“网站支持 Live Photo 图片展示”、“测试不基于 LivePhotoKit JS 实现实况照片”这两篇文章了解不利用LivePhotosKit JS也能实现动态照片效果，于是我利用DeepSeek与Chat GPT花费了3天晚上，更新迭代了无数次，诞生了“Live Photos for WordPress——实现与苹果Live Photos相同效果的WordPress插件”。
插件特色功能
核心功能
- 原生HTML5实现：无需依赖第三方JS库，使用纯原生技术
- 自适应图片比例：自动识别并保持照片原始比例
- 双平台交互支持：
- 桌面设备：鼠标悬停左上角LIVE图标播放
- 移动设备：长按照片播放
- 声音控制：通过右上角的声音图标切换静音/非静音模式
- 响应式设计：自动适应不同屏幕尺寸
- 支持古腾堡区块：在古腾堡区块即可实现实况照片图片与视频的配置
效果
LIVE
LIVE
使用方法
- 通过WordPress后台的”插件 > 安装插件 > 上传插件”安装并激活
- 使用方法：
- 尺寸调整与静音播放：
插件下载