Apple has released an official Live Photos JavaScript API, which will allow developers use the API to share Live Photos playback on iOS, MacOS, and now the web. With the Javascript interface, LivePhotosKit JS, Apple has now presented a solution to embed the images captured by the current iPhone models Live pictures on any web page.

Coinciding with the launch of the new Javascript interface, Apple also has the live pictures index updated for developers and both are linked here… The LivePhotosKit and the package manager npm.

The code needed to embed the live pictures on Web pages can be found here. Basically, it is enough already to embed a javascript and image file, but then visitors can listen to the moving image content with one click on the website.

<!DOCTYPE html>
<html>
<head>
<meta charset=”utf-8″>
https://cdn.apple-livephotoskit.com/lpk/1/livephotoskit.js
</head>
<body>

</body>
</html>

The new solution is compatible with Chrome, Firefox, Edge, Internet Explorer 11 and Safari.

Learn how to use LivePhotosKit, a JavaScript-based API to easily build a Live Photos player on your website. This new JavaScript-based API makes it easy to embed Live Photos on your websites. In addition to enabling Live Photos on iOS and macOS, you can now let users display their Live Photos on the web.

According to the official documentation:

The JavaScript API presents the player in the form of a DOM element, much like an image or video tag, which can be configured with photo and video resources and other options, and have its playback controlled either programmatically by the consuming developer, or via pre-provided controls by the browsing end-user.