npm install --save livephotoskit
Next add the following HTML tags for the static image and one for the .mov file:
<div data-live-photo data-photo-src="https://..." data-video-src="https://..."> </div>
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.