Live Photos zum Einbetten
LivePhotosKit: Apple bringt „Live Photos“ auf Webseiten
Der News-Eintrag im Entwickler-Bereich Apples ist überschaubar ausgefallen, die Implikationen dürften jedoch weitreichender Natur sein. Mit der Javascript-Schnittstelle LivePhotosKit JS hat Apple jetzt eine Lösung vorgestellt, die von aktuellen iPhone-Modellen aufgenommenen Live Photos auf beliebigen Webseiten einzubetten.
Zeitgleich mit der Einführung der neuen Javascript-Schnittstelle hat Apple auch die Live Photos-Übersicht für Entwickler aktualisiert und verlinkt hier nun sowohl auf das LivePhotosKit als auch auf den Paket-Manager npm, über den sich LivePhotosKit zukünftig beziehen lässt.
Welche Code-Schnipsel zum Einbetten der Live Photos auf konventionellen Webseiten benötigt werden, lässt sich hier einsehen. Grundsätzlich reicht es bereits aus, eine Javascript- sowie die Bild-Datei einzubetten. Anschließend können Besucher der Webseite den Bewegtbild-Anteil per Mausklick abspielen.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.apple-livephotoskit.com/lpk/1/livephotoskit.js"></script>
</head>
<body>
<div
data-live-photo
data-photo-src="https://..."
data-video-src="https://...">
</div>
</body>
</html>
Die neue Lösung ist kompatibel mit Chrome, Firefox, Edge, Internet Explorer 11 und Safari. Eine Beispiel-Implementation demonstriert den Einsatz.
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.