{"id":106574,"date":"2017-04-20T19:57:54","date_gmt":"2017-04-20T17:57:54","guid":{"rendered":"https:\/\/www.ifun.de\/?p=106574"},"modified":"2017-04-20T19:58:09","modified_gmt":"2017-04-20T17:58:09","slug":"livephotoskit-apple-bringt-live-photos-auf-webseiten","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/livephotoskit-apple-bringt-live-photos-auf-webseiten-106574\/","title":{"rendered":"LivePhotosKit: Apple bringt „Live Photos“ auf Webseiten"},"content":{"rendered":"

Der News-Eintrag<\/a> im Entwickler-Bereich Apples ist \u00fcberschaubar ausgefallen, die Implikationen d\u00fcrften jedoch weitreichender Natur sein. Mit der Javascript-Schnittstelle LivePhotosKit JS<\/a> hat Apple jetzt eine L\u00f6sung vorgestellt, die von aktuellen iPhone-Modellen aufgenommenen Live Photos auf beliebigen Webseiten einzubetten.<\/p>\n

\"Live<\/a><\/p>\n

Zeitgleich mit der Einf\u00fchrung der neuen Javascript-Schnittstelle hat Apple auch die Live Photos-\u00dcbersicht<\/a> f\u00fcr Entwickler aktualisiert und verlinkt hier nun sowohl auf das LivePhotosKit<\/a> als auch auf den Paket-Manager npm<\/a>, \u00fcber den sich LivePhotosKit zuk\u00fcnftig beziehen l\u00e4sst.<\/p>\n

Welche Code-Schnipsel zum Einbetten der Live Photos auf konventionellen Webseiten ben\u00f6tigt werden, l\u00e4sst sich hier<\/a> einsehen. Grunds\u00e4tzlich reicht es bereits aus, eine Javascript- sowie die Bild-Datei einzubetten. Anschlie\u00dfend k\u00f6nnen Besucher der Webseite den Bewegtbild-Anteil per Mausklick abspielen.<\/p>\n

<!DOCTYPE html>
\n<html>
\n<head>
\n<meta charset=\"utf-8\">
\n<script src=\"https:\/\/cdn.apple-livephotoskit.com\/lpk\/1\/livephotoskit.js\"><\/script>
\n<\/head>
\n<body>
\n<div
\ndata-live-photo
\ndata-photo-src=\"https:\/\/...\"
\ndata-video-src=\"https:\/\/...\">
\n<\/div>
\n<\/body>
\n<\/html><\/code><\/p>\n

Die neue L\u00f6sung ist kompatibel mit Chrome, Firefox, Edge, Internet Explorer 11 und Safari. Eine Beispiel-Implementation demonstriert den Einsatz.<\/p>\n

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.<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"\"Live\"<\/a>

Der News-Eintrag im Entwickler-Bereich Apples ist \u00fcberschaubar ausgefallen, die Implikationen d\u00fcrften jedoch weitreichender Natur sein. Mit der Javascript-Schnittstelle LivePhotosKit JS hat Apple jetzt eine L\u00f6sung vorgestellt, die von aktuellen iPhone-Modellen aufgenommenen Live Photos auf beliebigen Webseiten einzubetten. Zeitgleich mit der Einf\u00fchrung der neuen Javascript-Schnittstelle hat Apple auch die Live Photos-\u00dcbersicht f\u00fcr Entwickler aktualisiert und verlinkt […]<\/p>\n","protected":false},"author":1,"featured_media":106576,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[6,1],"tags":[4736,4738],"class_list":["post-106574","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-entwickler","category-news","tag-apple","tag-entwickler"],"acf":[],"aioseo_notices":[],"featured_image":["https:\/\/images.ifun.de\/wp-content\/uploads\/2017\/04\/live.jpg"],"subheadline":["Live Photos zum Einbetten"],"rest_api_enabler":{"featured_image":"https:\/\/images.ifun.de\/wp-content\/uploads\/2017\/04\/live.jpg","subheadline":"Live Photos zum Einbetten"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/106574","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=106574"}],"version-history":[{"count":1,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/106574\/revisions"}],"predecessor-version":[{"id":106577,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/106574\/revisions\/106577"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/106576"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=106574"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=106574"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=106574"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}