如何在网页插入 livephoto ？实况照片 PVT 在线生成、动态JPG生成工具与嵌入工具
这篇文章介绍了洪绘Live图（HeoLivePhoto），一个支持在网页中插入单文件实况照片（Live Photo）的工具。文章解释了PVT 格式与插入视频的动态 JPG 两种单文件方案的区别。工具复刻了苹果照片 App 的触发逻辑：桌面端鼠标悬浮即播放、移开即停，移动端长按播放，并配合 Fancybox 等灯箱使用。还可将视频与 HEIC 原片合成为 PVT 或动态 JPG，从动图中选择性导出图片，全程本地处理。
最近在研究livephoto的时候才知道原来还有一个pvt格式，双击直接就可以将live图保存到照片应用，这不就是我最喜欢的单文件动图吗。另外像是小米等手机厂商的live图是插入了视频的jpg，所以我想要不专门做个组件，实现单文件livephoto的插入。（市面上大多都是双文件，即一个图片一个视频，很少有支持和兼容单文件live图的）
于是，HeoLivePhoto（洪绘Live图）登场。
在触发器处理上，使用了mac上照片app的处理方式。
鼠标悬浮在实况图标上时立即触发播放，离开即停。移动端是长按播放动画。主打的是不打扰用户滚动，只在需要时触发。
因为是可以使用img标签，所以可以与fancybox等灯箱配合良好。
目前支持实况照片合成，支持直接生成pvt文件，或者动态jpg，可以导入到Apple设备或者其他支持动态jpg的安卓设备。这样你从照片app使用原片导出的时候，是视频和heic图像文件，就可以通过此功能合成为一个文件了。（由于pvt在Windows下是一个文件夹，所以点击导出pvt会生成一个zip文件，解压获得pvt。）
通过此方式生成的pvt直接双击导入到照片，可以说是最无损的方案之一了。体验也最好。
你还可以打开在线播放页面，然后打开pvt/jpg动图进行导入，然后可以选择性导出你想要的内容。
洪绘Live图轻松实现从嵌入网页、动图合成与浏览、动图中的信息导出全流程处理。如果你需要Live图处理，不妨试试。
对了，所有内容处理全程本地。无需担心隐私风险。
张洪Heo
分享设计与科技生活
主观感受，仅供参考。本文是原创文章，采用 CC BY-NC-ND 4.0 协议，完整转载请注明来自 张洪Heo