Gestisci predefiniti visualizzatore managing-viewer-presets
Un predefinito visualizzatore è una raccolta di impostazioni che determinano il modo in cui gli utenti visualizzano le risorse rich media sugli schermi dei loro computer e sui loro dispositivi mobili. Gli amministratori possono creare predefiniti visualizzatore. Le impostazioni sono disponibili per un array di opzioni di configurazione del visualizzatore. Ad esempio, è possibile modificare le dimensioni di visualizzazione o il comportamento di zoom del visualizzatore.
Per istruzioni su come creare e personalizzare i predefiniti visualizzatore di HTML 5, consulta l’Adobe Dynamic Medie Documentazione API SDK di HTML5 Viewer. L’SDK è disponibile sul server di pubblicazione IS incorporato nell’SDK stesso. Ogni versione della libreria include la propria documentazione SDK.
Percorso: <scene7_domain>/s7sdk/<library_version>/docs/jsdocs/index.html
.
Ad esempio, 3.10 SDK: https://s7d1.scene7.com/s7sdk/3.10/docs/jsdoc/index.html
Consulta anche Guida di riferimento per i visualizzatori Dynamic Medie di Adobe.
Questa sezione descrive come creare, modificare e gestire i predefiniti visualizzatore. Puoi applicare un predefinito visualizzatore a una risorsa in qualsiasi momento in cui la visualizzi in anteprima. Consulta Applicazione dei predefiniti per i visualizzatori.
Accessibilità da tastiera per i visualizzatori keyboard-accessibility-for-viewers
Tutti i visualizzatori predefiniti supportano l’accessibilità da tastiera.
Vedi anche Accessibilità della tastiera e navigazione.
Gestisci predefiniti visualizzatore managing-viewer-presets-1
Per aggiungere, modificare, eliminare, pubblicare, annullare la pubblicazione e visualizzare in anteprima i predefiniti visualizzatore in Adobe Experience Manager, tocca Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
Supporto del visualizzatore per pagine web dinamiche viewer-support-for-responsive-designed-web-pages
Pagine web diverse hanno esigenze diverse. Talvolta, ad esempio, può essere utile creare una pagina Web contenente un collegamento che consenta di aprire il Visualizzatore di HTML5 in una finestra del browser separata. In altri casi, potrebbe essere necessario incorporare il visualizzatore HTML5 direttamente nella pagina di hosting. In quest’ultimo caso, la pagina web potrebbe avere un layout statico. In alternativa, può essere "reattivo" e visualizzato in modo diverso su dispositivi diversi o per diverse dimensioni della finestra del browser. Per soddisfare queste esigenze, tutti i visualizzatori HTML5 predefiniti e forniti con Dynamic Medie supportano sia le pagine web statiche che quelle reattive.
Consulta Libreria immagini reattive per ulteriori informazioni su come incorporare i visualizzatori reattivi nelle pagine web.
Consulta [Pubblicazione dei predefiniti visualizzatore].(#publishing-viewer-presets)
Compatibilità del sistema con il predefinito per visualizzatori viewer-preset-system-compatibility
Tutti i predefiniti per visualizzatori forniti con Dynamic Medie sono completamente compatibili con i seguenti sistemi:
- Desktop
- Apple iPhone
- Apple iPad
- Smartphone Android™
- Android™ Tablet
- Per il video, è disponibile il supporto aggiuntivo per la riproduzione MP4 per Blackberry® e Windows Phone.
Tipi di contenuti multimediali avanzati per predefiniti visualizzatore rich-media-types-for-viewer-presets
Durante la creazione dei predefiniti visualizzatore, gli amministratori possono aggiungere e personalizzare i seguenti tipi di contenuti rich media.
Elenco dei predefiniti per visualizzatori list-of-out-of-the-box-viewer-presets
La tabella seguente identifica tutti i predefiniti visualizzatore predefiniti che sono forniti con Dynamic Medie.
Vedi anche Demo live.
Per informazioni sulle versioni supportate del browser web e del sistema operativo per i visualizzatori, consulta le Note sulla versione dei visualizzatori.
Consulta le "Note sulla versione dei visualizzatori" nel sommario della Guida di riferimento visualizzatori.
Consulta Pubblicazione dei predefiniti visualizzatore.
Consulta Attivazione o disattivazione dei predefiniti per visualizzatori e Pubblicazione dei predefiniti visualizzatore.
Matrice di movimenti dei visualizzatori mobili supportati supported-mobile-viewers-gestures-matrix
La tabella seguente identifica i movimenti del visualizzatore mobile supportati sui dispositivi iOS, Android™ 2.x e Android™ 3.x.
Aumentare il numero di predefiniti visualizzatore visualizzati increasing-the-number-of-viewer-presets-that-display
L’Experience Manager mostra un’ampia varietà di predefiniti visualizzatore quando si visualizza una risorsa da Vista dettagli > Visualizzatori. Puoi aumentare o diminuire il numero di visualizzatori visualizzati.
Aumenta il numero di predefiniti visualizzatore visualizzati:
-
Passa a CRXDE Liti (https://localhost:4502/crx/de).
-
Passa al nodo dell’elenco di predefiniti visualizzatore nella posizione seguente:
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist
-
Nella proprietà limit, modifica Valore, che corrisponde a 15 per impostazione predefinita, inserendo un numero a piacere.
-
Passa all’origine dati del predefinito per visualizzatori in
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource
-
Nella proprietà limit, modifica il numero impostando il numero desiderato, ad esempio:
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
-
Seleziona Salva tutto.
Creare un predefinito per visualizzatori creating-a-new-viewer-preset
La creazione di predefiniti visualizzatore consente di applicare varie impostazioni per visualizzare e interagire con le risorse. Tuttavia, non è necessario creare predefiniti visualizzatore. Se lo desideri, puoi utilizzare i predefiniti predefiniti visualizzatori che sono già disponibili in AEM Assets.
Se scegli di creare un predefinito visualizzatore, dopo averlo salvato lo stato del visualizzatore viene attivato automaticamente (impostato su On) nella pagina Predefiniti visualizzatore. Questo stato indica che è visibile nel componente Dynamic Medie e nel componente File multimediali interattivi e ogni volta che visualizzi l’anteprima di un’immagine o di un video.
Alcuni predefiniti visualizzatore hanno impostazioni esclusive che possono influenzare l’uso e il comportamento complessivo del visualizzatore. A seconda del predefinito visualizzatore che crei, potrebbe essere utile tenere presenti queste considerazioni speciali.
Consulta Considerazioni speciali per la creazione di un predefinito visualizzatore interattivo.
Consulta Considerazioni speciali per la creazione di un predefinito per visualizzatore banner carosello.
Per creare un predefinito visualizzatore:
-
Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
-
Nella pagina Predefiniti visualizzatore, sulla barra degli strumenti, seleziona Crea.
-
In Nuovo predefinito visualizzatore nella finestra di dialogo Nome del predefinito , immetti il nome del nuovo predefinito. Scegli il nome attentamente, poiché non sarà possibile modificarlo dopo aver selezionato Crea.
Quando salvi il predefinito più avanti in questi passaggi, il nome viene visualizzato nella pagina Predefiniti visualizzatore sotto l'intestazione della colonna Titolo predefinito.
-
Dal menu a discesa Tipo di contenuti multimediali avanzati, seleziona il tipo di predefinito visualizzatore che desideri creare, quindi nell’angolo superiore destro della pagina seleziona Crea.
Consulta Tipi di contenuti multimediali avanzati per predefiniti visualizzatore.
-
Nella pagina Editor predefiniti per visualizzatore, seleziona Aspetto scheda.
-
Effettua una delle operazioni seguenti:
-
In Tipo selezionato dal menu a discesa, selezionare un componente di cui si desidera personalizzare il design visivo. In alternativa, puoi selezionare qualsiasi elemento visivo nel visualizzatore per configurarlo.
L’editor visivo consente di vedere l’effetto di una determinata proprietà su uno stile. Imposta o regola qualsiasi proprietà per vedere immediatamente quale effetto ha sul visualizzatore utilizzando l'esempio a sinistra dell'editor.
Le proprietà di stile CSS per ciascun tipo di predefinito visualizzatore sono descritte nella sezione "Personalizzazione
<viewer name>
Visualizzatore" nella sezione Guida di riferimento visualizzatori. Ad esempio, se crei un predefinito visualizzatore del tipoMixed_Media
, vedi Personalizzazione del visualizzatore di file multimediali diversi per un elenco e una descrizione di ciascuna proprietà. -
Se hai definito le impostazioni stile in un file CSS separato, puoi caricarlo in AEM Assets. Seleziona Importa CSS sotto Tipo selezionato menu a discesa (se necessario, scorri l’editor visivo per visualizzarlo) in modo da trovare il file CSS caricato e associarlo al predefinito visualizzatore.
Quando importi un file CSS, l’editor visivo controlla se il CSS utilizza i marcatori visualizzatore corretti. Ad esempio, se crei un visualizzatore Zoom, tutte le regole CSS importate devono essere definite utilizzando il nome della relativa classe di visualizzatore
.s7mixedmediaviewer
definito su un elemento visualizzatore principale.Puoi importare file CSS arbitrari e fatti a mano, purché definiscano correttamente i marcatori CSS per un determinato visualizzatore. (I marcatori CSS sono descritti in "Personalizzazione <viewer name=""> Visualizzatore" nella sezione Guida di riferimento visualizzatori. Ad esempio, per informazioni sui marcatori CSS per il Visualizzatore zoom, consultate Personalizzazione del visualizzatore zoom.) È possibile, tuttavia, che l’editor visivo non comprenda alcuni valori CSS. In questi casi, l’editor visivo tenta di ignorare gli errori in modo che il CSS possa ancora funzionare.
note note NOTE Se preferisci modificare il CSS direttamente nel relativo modulo non elaborato, seleziona Mostra/Nascondi CSS sotto il menu a discesa Tipo selezionato (se necessario, scorri l’editor visivo per visualizzarlo).
Come per l’editor visivo, quando modifichi una proprietà direttamente nel CSS, puoi vedere immediatamente l’effetto che ha sull’esempio di visualizzatore. Inoltre, la stessa proprietà viene aggiornata automaticamente allo stesso tempo nell’editor visivo. Pertanto, puoi utilizzare l’editor CSS non elaborato, l’editor visivo o entrambi in modo intercambiabile.note note NOTE Per la grafica dei pulsanti, scegliete l'immagine 2x e caricate la grafica ad alta risoluzione. Quando lavori con immagini interattive e banner acquistabili, puoi anche selezionare tra vari pulsanti di hotspot preconfigurati. -
-
(Facoltativo) Nella parte superiore della pagina Modifica predefinito visualizzatore, seleziona Desktop, Tablet, o Telefono per definire in modo univoco gli stili visivi per dispositivi e tipi di schermo diversi.
-
Nella pagina Editor predefiniti per visualizzatore, seleziona Comportamento scheda. In alternativa, puoi selezionare qualsiasi elemento visivo nel visualizzatore per configurarlo.
Ad esempio, per LettoreVideo tipo, sotto Modificatori > Riproduzione, è possibile scegliere tra una delle tre opzioni di streaming con bitrate adattivo:-
trattino - I video vengono riprodotti solo come trattino. Tuttavia, sui dispositivi Safari/iOS devi selezionare hls come tipo, invece.
-
hls - I video vengono trasmessi solo come hls.
-
auto - Best practice. La creazione di flussi DASH e HLS è ottimizzata per l’archiviazione. Pertanto, l’Adobe consiglia di selezionare sempre auto come tipo di riproduzione. I video vengono trasmessi come dash, hls o progressive, come nell'ordine di riproduzione seguente:
- Se il browser supporta DASH, viene utilizzato prima il flusso DASH.
- Se il browser non supporta DASH, viene utilizzato lo streaming HLS, secondo.
- Se il browser non supporta DASH o HLS, viene utilizzata la riproduzione progressiva.
note note NOTE Per visualizzare e utilizzare trattino , deve prima essere abilitato dall’assistenza tecnica Adobe sul tuo account. Consulta Abilita DASH sul tuo account. -
-
Dal menu a discesa Tipo selezionato, scegli un componente di cui vuoi modificare i comportamenti.
A molti componenti dell’editor visivo è associata una descrizione dettagliata. Queste descrizioni vengono visualizzate all’interno di caselle blu quando espandi un componente per visualizzarne i parametri associati.
Alcuni tipi di Visualizzatore dispongono di componenti che consentono di specificare i comandi Image Server in un campo di testo Comando IS. Per un elenco dei comandi utilizzabili, consulta la sezione Riferimento API di Server immagini.
note note NOTE Se utilizzi un dispositivo touch, ad esempio un telefono o un tablet… Dopo aver digitato un valore nel campo di testo, selezionare un'altra posizione nell'interfaccia utente per inviare la modifica e chiudere la tastiera virtuale. Se si seleziona Invio, non viene eseguita alcuna azione. -
Nell’angolo superiore destro della pagina, seleziona Salva.
-
Pubblica il nuovo predefinito visualizzatore in modo da poterlo utilizzare sul tuo sito web.
Consulta Pubblicazione dei predefiniti visualizzatore.
note important IMPORTANT Per i vecchi video che utilizzano un profilo di streaming bitrate adattivo, l’URL continua a essere riprodotto come al solito, con lo streaming HLS, fino a quando rielabora le risorse video. Dopo la rielaborazione, lo stesso URL continua a funzionare, ma ora con entrambi Streaming DASH e HLS abilitato.
Considerazioni speciali per la creazione di un predefinito visualizzatore interattivo special-considerations-for-creating-an-interactive-viewer-preset
Modalità di visualizzazione delle miniature delle immagini nel pannello
Quando crei o modifichi un predefinito visualizzatore video interattivo, puoi scegliere l’impostazione Modalità di visualizzazione da utilizzare quando selezioni InteractiveSwatches
dal Componente selezionato menu sotto Comportamento scheda. La modalità di visualizzazione selezionata influisce sulla modalità e sul momento in cui vengono visualizzate le miniature durante la riproduzione del video. Puoi scegliere una delle seguenti opzioni: segment
modalità di visualizzazione (predefinita) o continuous
visualizzazione.
Informazioni sul comportamento di scorrimento automatico nel visualizzatore video interattivo
Il comportamento di scorrimento automatico delle miniature nel visualizzatore video interattivo funziona indipendentemente dalla modalità di visualizzazione scelta.
Quando crei o modifichi un predefinito visualizzatore video interattivo, puoi accedere a Scorrimento automatico dalla scheda Comportamento. Nella scheda Comportamento, da Componenti selezionati menu a discesa, seleziona InteractiveSwatches. La casella di controllo Scorrimento automatico è elencata sotto il campo di testo Comando IS.
Se nel predefinito visualizzatore disattivi Scorrimento automatico deselezionando la casella di controllo, durante la riproduzione del video da parte dell’utente il pannello visualizza solo la prima miniatura per l’intera durata del video. Tuttavia, un utente può scorrere manualmente le miniature utilizzando le icone di freccia su e giù, se necessario.
Durante la riproduzione del video, se hai abilitato tramite selezione l’opzione Scorrimento automatico nel predefinito visualizzatore, le immagini in miniatura assegnate a un segmento video scorrono all’inizio di un segmento. Tuttavia, in alcuni casi, determinate miniature all’interno di un segmento vengono visualizzate con una durata raddoppiata rispetto alle altre miniature precedenti o successive. Questo comportamento si verifica perché il numero di miniature in un segmento è maggiore rispetto al numero visibile nel pannello e non è divisibile in modo uniforme.
Supponiamo di avere un segmento video di 30 secondi. In totale, sono presenti nove miniature da visualizzare in 30 secondi. Il browser viene ridimensionato in modo che nel pannello di visualizzazione siano visibili quattro miniature. Il segmento di tempo video di 30 secondi è diviso in tre sottosegmenti. La tabella seguente mostra il raggruppamento delle miniature visualizzate per un dato sottosegmento temporale:
Il sottosegmento video 3 non si estende oltre le miniature ad esso assegnate. Inoltre, le miniature 4, 6 e 7 sono visibili nel pannello con una lunghezza doppia rispetto alle altre miniature.
La logica utilizzata dal visualizzatore per il numero di miniature visualizzate nel pannello in base al numero di posizioni disponibili è la seguente:
-
Numero di segmenti secondari = arrotonda al sottosegmento successivo (numero di miniature / numero di slot visibili nel pannello delle miniature, in base alle dimensioni della finestra del browser).
Utilizzando l’esempio riportato nella tabella precedente, 9 miniature/4 slot = 2,25; la logica di visualizzazione lo arrotonda a tre sottosegmenti. -
Numero di miniature = arrotonda alla miniatura successiva (numero di miniature/numero di sottosegmenti video).
Utilizzando l’esempio riportato nella tabella precedente, 9 miniature / 3 sottosegmenti video = 3 miniature. -
Durata del sottosegmento = durata video totale / numero di sottosegmenti video.
Utilizzando l’esempio riportato nella tabella precedente, 30 secondi/3 sottosegmenti video = visualizzazione di 10 secondi di ciascun sottosegmento video.
Considerazioni speciali per la creazione di predefiniti per visualizzatori di banner carosello special-considerations-for-creating-a-carousel-banner-viewer-preset
Durante la creazione dei predefiniti visualizzatore di banner carosello, è possibile accedere come segue per modificare lo stile dei punti attivi:
Attivare o disattivare i predefiniti visualizzatore activating-or-deactivating-viewer-presets
I predefiniti visualizzatore disponibili nell’interfaccia utente dipendono da quali sono attivi in modalità Creazione. Per impostazione predefinita, un predefinito visualizzatore è attivato dopo la sua creazione. Se disattivate il predefinito, non viene visualizzato in modalità Creazione. Se il predefinito viene pubblicato, viene sempre pubblicato indipendentemente dal fatto che sia attivato o disattivato. Se l’elenco risulta troppo complesso o non si desidera rendere disponibile un predefinito visualizzatore, potrebbe essere utile disattivare i predefiniti visualizzatore.
Per attivare o disattivare i predefiniti visualizzatore:
-
Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
-
Nella pagina Predefinito visualizzatore, sotto Stato nell’intestazione della colonna, seleziona l’opzione per attivare o disattivare un predefinito visualizzatore.
I predefiniti visualizzatore attivati hanno l'interruttore visualizzato a destra, all'interno di una casella blu; i predefiniti visualizzatore disattivati hanno l'interruttore visualizzato a sinistra, all'interno di una casella grigio chiaro.
Pubblica predefiniti visualizzatore publishing-viewer-presets
L’attivazione o l’attivazione di un predefinito visualizzatore indica che è visibile nel componente Dynamic Medie, nel componente File multimediali interattivi e ogni volta che visualizzi una risorsa.
Tuttavia, per consegnare una risorsa con un predefinito visualizzatore, deve essere pubblicato anche il predefinito visualizzatore. Tutti i predefiniti visualizzatore devono essere attivati e pubblicato per ottenere l’URL o il codice di incorporamento di una risorsa. Assicurati di attivare e pubblicare tutti i predefiniti visualizzatore forniti con Dynamic Medie. I predefiniti visualizzatore personalizzati che crei e aggiungi vengono attivati automaticamente, ma devono anche essere pubblicati.
Consulta Attivazione o disattivazione dei predefiniti per visualizzatori.
Vedi anche Anteprima delle risorse.
Per pubblicare i predefiniti visualizzatore:
- Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
- Seleziona uno o più predefiniti visualizzatore da pubblicare.
- Sulla barra degli strumenti, seleziona Pubblica icona.
Ordina predefiniti visualizzatore sorting-viewer-presets
- Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
- Seleziona Titolo predefinito, Tipo, Pubblicato, o Stato per ordinare in base all'intestazione di colonna. Ad esempio, seleziona Tipo per ordinare i tipi di predefiniti visualizzatore in ordine alfabetico o inverso.
Modifica predefiniti visualizzatore editing-viewer-presets
Modifica di qualsiasi predefiniti visualizzatori predefiniti non è uno scenario supportato. Se modifichi un predefinito visualizzatore predefinito, ti viene richiesto di salvarlo con un nuovo nome.
Per modificare i predefiniti visualizzatore:
-
Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Risorsa > Predefiniti visualizzatore.
-
Seleziona un predefinito selezionando la casella a sinistra del titolo del predefinito del visualizzatore.
-
Sulla barra degli strumenti, seleziona Modifica.
-
Il giorno Editor predefiniti per visualizzatori , apportare le modifiche desiderate al predefinito visualizzatore, utilizzando le opzioni disponibili nel Aspetto e Comportamento schede.
Dalla sezione Aspetto nell’angolo in alto a sinistra della pagina Editor predefiniti per visualizzatore, seleziona Desktop, Tablet, o Telefono per modificare la modalità di presentazione della risorsa.
-
Nell'angolo superiore destro della pagina eseguire una delle operazioni seguenti:
- Seleziona Salva per salvare le modifiche e tornare alla pagina Predefinito visualizzatore.
- Seleziona Annulla per annullare le modifiche apportate e tornare alla pagina Predefinito visualizzatore.
Elimina predefiniti visualizzatore personalizzati deleting-custom-viewer-presets
Puoi eliminare i predefiniti visualizzatore che hai creato e aggiunto a Dynamic Medie.
Per eliminare i predefiniti visualizzatore personalizzati:
- Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) Risorse > Predefiniti visualizzatore.
- Nella pagina Predefiniti visualizzatore, seleziona un Titolo predefinito, quindi fai clic su Cestino icona.
- Seleziona Elimina.
Applicare un predefinito visualizzatore a una risorsa applying-a-viewer-preset-to-an-asset
Se hai già pubblicato sia la risorsa che il visualizzatore selezionato, dopo aver selezionato un predefinito visualizzatore vengono visualizzati i pulsanti URL e Incorpora.
Per applicare un predefinito visualizzatore a una risorsa:
-
Apri la risorsa e, nell’angolo superiore sinistro della pagina, seleziona il menu a discesa, quindi fai clic su Visualizzatori.
note note NOTE Se hai già pubblicato sia la risorsa che il visualizzatore selezionato, dopo aver selezionato un predefinito visualizzatore vengono visualizzati i pulsanti URL e Incorpora. -
Seleziona un predefinito visualizzatore nel riquadro a sinistra per applicarlo alla risorsa.
È possibile copia l’URL da condividere con altri utenti.
Distribuire risorse con i predefiniti visualizzatore delivering-assets-with-viewer-presets
Per ottenere gli URL dei predefiniti per visualizzatore, consulta Collegamento di URL all’applicazione web. Vedi anche Incorporare il visualizzatore video in una pagina web.
Se utilizzi Experience Manager come WCM, puoi aggiungere risorse utilizzando i predefiniti visualizzatore direttamente nella pagina. Consulta Aggiunta di risorse Dynamic Medie alle pagine.