Tecnicamente la procedimento affronteremo si basa sulla LivePhotosKit, si occupa della stampo delle Photos fornendo un player in fondo modalità a causa di sostanza del DOM (Document Object Model). L’API presenta di conseguenza un maniere grandemente parente a come si avrebbe nonostante il ritorno ai tag per finta le immagini e i televisione, offrendo diverse opzioni nonostante le quali disegnare, includere e censurare le fasi a causa di playback.
E’ fattibile implorare la via il CDN messaggero a piazzamento a motivo di Apple per finta l’posa in opera diretta sul veramente conoscenze a causa di ingrandimento ovvero elaborazione:
tuttavia con turno viene tuttavia fornita l' prevede a causa di sistemare LivePhotosKit via package npm:
npm install --save livephotoskit
Avvenimento questo si deve egli strict mode a causa di JavaScript, di là consegue se in accordo si desidera incominciare modalità per finta un intatto script sarà occorrente far preesistere a purchessia altra conoscenza:
'use strict';
La riproduzione del player si basa sull' a causa di markup dichiarativo nell'HTML, una successione caricata la voltare pagina la intercetterà l'esigenza del player inizializzandola; ciò è fattibile via l'caratteristica data-live-photo, socio alle dimensioni del player, permette a LivePhotosKit a causa di considerare identico a lei rudimenti DOM a motivo di inizializzare nonostante player. A loro attributi data-photo-src e data-video-src consentono allora a causa di esporre il carriera alla fotografia e al televisione a motivo di copiare nella Photo:
Dal giudizio dello ingrandimento con JavaScript, la prevede un anticonformista player possa individuo generato via designazione quasi wrapper a causa di un sostanza DOM di prima, ovvero via una designazione priva a causa di argomenti, porterà alla riproduzione a causa di un anticonformista sostanza del DOM:
// Player generato a motivo di una notizia divbox: const unNuovoPlayer = LivePhotosKit.Player(); document.pagliaccetto.appendChild(unNuovoPlayer); // Player generato a motivo di un sostanza DOM di prima: LivePhotosKit.Player(document.getElementById('unElementoEsistente'));
Al player possono individuo allora associati i classici controlli per finta la stampo:
player.playbackStyle = LivePhotosKit.PlaybackStyle.HINT; player.playbackStyle = LivePhotosKit.PlaybackStyle.FULL; player.play(); player.pause(); player.toggle(); player.stop();
Di approfondire: LivePhotosKit JS