Appleは木曜日、ウェブサイトやウェブアプリにLive Photosを埋め込むことを望むウェブ開発者向けに、JavaScriptベースの新しいAPIを発表しました。LivePhotosKit JSと呼ばれるこの新しいAPIは、iPhone、iPod touch、iPad、Macデバイス、そしてFacebook本土のモバイルアプリ、iOS版Tumblrなど、Live Photosに対応したアプリでLive Photosを利用できる既存のApple Live Photos APIに追加されるものです。
LivePhotosKit JS API は NPM で利用できます。
コードサンプルは、Apple の LivePhotosKit JS API リファレンスの一部として入手できます。
埋め込み可能な Web プレーヤーは、写真やビデオのリソースやその他のオプションを使用して構成でき、開発者はプログラムでその動作と再生を制御できます。
チュートリアル: Instagramストーリーでライブフォトを使う方法
開発者は、自分の Web サイトに Apple の LivePhotosKit JavaScript コードを含める必要があります。
使用できるパラメータには、Live Photo の写真とビデオのコンポーネントの場所、ユーザーが再生を開始する前にプレーヤーがデータをプリフェッチするかどうか、ユーザーに対して再生コントロールが有効になっているかどうかなどがあります。
プレーヤーは次のブラウザでサポートされています:
- iOS —SafariとChrome
- macOS —Safari、Chrome、Firefox
- Android（パフォーマンスはデバイスによって異なります）—Chrome（ベータ版）
- Windows —Chrome、Firefox、Edge、Internet Explorer 11
Live Photos のダウンロードには長い時間がかかる可能性があるため、Apple では、Live Photos プレーヤーとして装飾する HTML 要素の高さと幅を明示的に指定することを推奨しています。
YouTubeでiDownloadBlogを購読する
「写真撮影に時間がかかりすぎると、進捗状況を示すバッジが表示されなくなります」と同社は説明する。「アセットを縮小することで、パフォーマンスが大幅に向上し、帯域幅の使用量も削減されます。」
ご存知の通り、Live Photosは静止画と、撮影1.5秒前と1.5秒後の瞬間を捉えた動画の2つの要素で構成されています。Live PhotosはiPhone SE、iPhone 6s、iPhone 6s Plus、iPhone 7、iPhone 7 Plusで撮影できます。
Live Photos の表示をサポートするデバイスには、iOS 9 以降を搭載した iPhone、iPad、iPod touch、OS X El Capitan 以降を搭載した Mac モデル、watchOS 2 以降を搭載した Apple Watch モデルが含まれます。
「再生に加えて、ユーザーはiOS、macOS、ウェブ上のアプリ内でLive Photosを共有できます」とクパチーノの同社は述べている。
詳細については、developer.apple.com/live-photos をご覧ください。
出典：アップル
