Apple推出LivePhotosKitJSAPI帮你将LivePhotos嵌入网页
消息来源:baojiabao.com 作者: 发布时间：2026-08-08
Live Photos 是自 iPhone6s 推出的拍摄功能之一，让用户可以简单地拍摄三秒钟有动态的照片。早前 Apple 开放让开发人可以将 Live Photos 嵌入 App 里显示，而今天 Apple 更推出 LivePhotosKit JS API ，让架网站的人可以将 Live Photos 嵌入 网页上，而方法就只不过是上载照片和加两个标签而已。
网页简易嵌入 Live Photos 方法
1. 从 iPhone 输出 Live Photos 到电脑，这会输出到一个 JPG 档和一个 MOV 档；
使用 Image Capture (Mac) 或 File Explorer (Win) 浏览“（你的电脑）> Internal Storage > DCIM ”来汇入 Live Photos；
2. 在 HTML 档的 head 部分插入以下一句：
3. 在网页想显示 Live Photos 位置，插入以下这一段便完成：
data-photo-src=“JPG 档相对路径”
data-video-src=“MOV 档相对路径”
data-proactively-loads-video="true"
style="width:图片显示阔度;height:图片显示高度;"
>
我们制了一个示范围网页，大家可以到这里看看效果。
LivePhotosKit JS 官方文件：按此
其实， Google 去年在 iOS 就推出了《 Motion Stills 》 App ，可以比较方便地将 Live Photos 变换成 GIF 动画。不过 GIF 图档要容量小就要牺牲画质，而这个 LivePhotosKit JS 就可以原汁原味呈现 Live Photos 效果，还有 API 可让大家以程式来控制播放。
下载 Motion Stills iOS 版：按此
Google 的《 Motion Stills 》 App ，可以将 Live Photos 变换成 GIF 动画，好处是方便，缺点是画质受限亦没有控制播放的方法。
