Today Apple released a JavaScript API for live photos and you can now embed Live Photos on your website.

The integration looks simple and you can use their hosted JavaScript file or pull it in via NPM:

npm install --save livephotoskit

Next add the following HTML tags for the static image and one for the .mov file:

The tricky part is exporting the raw live photo and their documentation outlines how it can be done. I use iCloud to auto sync to the MacOS photos app and after it synced I just had to run the following, “Use File > Export > Export Unmodified Original to export to your file system”

This should breath new life into live photos by making them accessible on the web, but for storage, and family viewing Google’s Motion Stills app is really fantastic.