Laphs: Apple Live Photos on the Web

From the folks over at Tumblr:

Add support for Apple’s Live Photos in web browsers.

Install it using npm, or include the dist file:

npm install --save laphs

You can make Laphs work with existing elements:

<img src="STILL-PHOTO.jpg" data-live-photo="LIVE-PHOTO.mov" data-live-photo-still-image-time="1.71"/>

<script>LivePhotos.initialize();</script>

Or, alternatively, directly create new instances:

const livePhoto = new LivePhotos.LivePhoto(el, options);

Laphs: Live Photos on the Web →
Laphs Source (GitHub) →