![\"\"](\"https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/keekee.gif?w=680&h=387\")
<\/p>\n<\/p>\n
Apple\u2019s Live Photos<\/a> are fun \u2014 they\u2019ve definitely captured a few unexpected magical moments for me that standard stills would\u2019ve missed. But for the most part, they live on your phone and stay within the confines of your apps. Seeing them floating around the web, especially on a desktop browser, has always been something of a rarity.<\/p>\n Tumblr kicked down that wall a bit last year<\/a> by adding Live Photos to its web version and releasing a tool to let others do the same. When it came to an official Apple-approved method, however, there was nothing to be found.<\/p>\n That quietly changed this morning, with Apple updating its developer portal<\/a> with a new tool they\u2019re calling LivePhotosKit. It\u2019s a JavaScript API built specifically to bring Live Photo playback support to your sites.<\/p>\n We can\u2019t embed the Live Photos here just yet (or the way-better-than-GIF format WebM for that matter, hence the super-chunky GIF up top), but you can see a working example here<\/a>.<\/p>\n It looks pretty slick in action, but Apple\u2019s example mechanism for triggering playback here\u2026 doesn\u2019t seem super intuitive.<\/p>\n Do I click? Do I hover over the image? It just started playing for a second when I was scrolling\u2026 is that the key?<\/p>\n Turns out, the trick is hovering your mouse cursor over the little \u201cLIVE\u201d box in the upper right. It\u2019s easy to remember once you\u2019ve figured it out, but for about 20 seconds I was convinced something was broken.<\/p>\n Apple\u2019s documentation for the new API<\/a> suggests that this should play friendly with most of the major browsers, mobile or otherwise.<\/p>\n","protected":false},"excerpt":{"rendered":"![\"\"](\"https:\/\/tctechcrunch2011.files.wordpress.com\/2017\/04\/keekee.gif?w=680\")
Apple’s Live Photos are fun — they’ve definitely captured a few unexpected magical moments for me that standard stills would’ve missed. But for the most part, they live on your phone and stay within the confines of your apps. Seeing them floating around the web, especially on a desktop browser, has always been something of a rarity. That quietly changed this morning. Read More<\/a><\/p>\n\n<\/img><\/a>
<\/img><\/a>
<\/img><\/a>
<\/img><\/a>
<\/img><\/a>
<\/img><\/a>\n<\/div>\n
<\/p>\n","protected":false},"author":5817,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[25],"tags":[59,66,26],"class_list":["post-338934","post","type-post","status-publish","format-standard","hentry","category-technology","tag-media","tag-techcrunch","tag-technology"],"_links":{"self":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts\/338934","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/users\/5817"}],"replies":[{"embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/comments?post=338934"}],"version-history":[{"count":0,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/posts\/338934\/revisions"}],"wp:attachment":[{"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/media?parent=338934"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/categories?post=338934"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/people.utm.my\/asmawisham\/wp-json\/wp\/v2\/tags?post=338934"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}