Gestire i predefiniti per visualizzatori

Un predefinito per visualizzatori è una raccolta di impostazioni che determinano il modo in cui gli utenti visualizzano le risorse multimediali sullo schermo del computer e sui dispositivi mobili. Gli amministratori possono creare i predefiniti visualizzatore. Le impostazioni sono disponibili per una serie di opzioni di configurazione del visualizzatore. Ad esempio, puoi modificare le dimensioni di visualizzazione o il comportamento di zoom del visualizzatore.

Vedi anche Guida di riferimento per i visualizzatori Dynamic Media.

Questa sezione descrive come creare, modificare e gestire i predefiniti per visualizzatori. Puoi applicare un predefinito visualizzatore a una risorsa ogni volta che la visualizzi in anteprima. Vedi Applica predefiniti visualizzatore.

Accessibilità della tastiera per i visualizzatori

Tutti i visualizzatori predefiniti supportano l’accessibilità da tastiera.

Vedi anche Accesso facilitato alla tastiera e navigazione.

Gestire i predefiniti per visualizzatori

Per aggiungere, modificare, eliminare, pubblicare, annullare la pubblicazione e visualizzare in anteprima i predefiniti visualizzatore in Adobe Experience Manager, vai a Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.

Supporto visualizzatore per pagine web reattive

Pagine web diverse hanno esigenze diverse. Ad esempio, a volte si desidera una pagina web che fornisca un collegamento che apra il visualizzatore HTML5 in una finestra separata del browser. In altri casi, è necessario incorporare il visualizzatore HTML5 direttamente nella pagina di hosting. In quest'ultimo caso, la pagina web ha un layout statico. Oppure, è "reattivo" e viene visualizzato in modo diverso su diversi dispositivi o per diverse dimensioni della finestra del browser. Per soddisfare queste esigenze, tutti i visualizzatori HTML5 predefiniti forniti con Dynamic Media supportano sia le pagine web statiche che le pagine web reattive.

Vedi Libreria di immagini statiche reattive in Guida API di Dynamic Media Image Serving e Rendering per ulteriori informazioni su come incorporare visualizzatori reattivi nelle pagine web.

Compatibilità del sistema con i predefiniti per visualizzatori

Tutti i predefiniti visualizzatore forniti con Dynamic Media sono completamente compatibili con i seguenti sistemi:

• Desktop
• Apple iPhone
• Apple iPad
• Smartphone Android™
• Tablet Android™

Tipi di contenuti multimediali per predefiniti visualizzatore

Gli amministratori possono aggiungere e personalizzare i seguenti tipi di contenuti multimediali durante la creazione di predefiniti per visualizzatori.

Elenco dei predefiniti per visualizzatori predefiniti

La tabella seguente identifica tutti i predefiniti visualizzatore predefiniti forniti con Dynamic Media.

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 "Note sulla versione dei visualizzatori" nel sommario Guida di riferimento visualizzatori.

Matrice di gesti dei visualizzatori per dispositivi mobili supportati

La tabella seguente identifica i movimenti dei visualizzatori mobili supportati sui dispositivi iOS, Android™ 2.x e Android™ 3.x.

Aumenta il numero di predefiniti visualizzatore visualizzati

Experience Manager mostra un’ampia varietà di predefiniti visualizzatore quando visualizzi le risorse da Vista dettagli > Visualizzatori. È possibile aumentare o diminuire il numero di visualizzatori visualizzati.

Per aumentare il numero di predefiniti visualizzatore visualizzati:

1. Passa a CRXDE Lite (https://localhost:4502/crx/de).

2. Passa al nodo di elenco dei predefiniti visualizzatore in /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist

   

3. Nella proprietà limit, modifica Valore, che corrisponde a 15 per impostazione predefinita, inserendo un numero a piacere.

4. Passa alla sorgente dati predefinita visualizzatore in /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource

   

5. Nella proprietà limit , modifica il numero in base al numero desiderato, ad esempio {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

6. Seleziona Salva tutto.

Creare predefiniti per visualizzatori

La creazione di predefiniti per visualizzatori consente di applicare diverse impostazioni per visualizzare e interagire con le risorse. Tuttavia, non è necessario creare predefiniti per visualizzatori. Se lo preferisci, puoi utilizzare i predefiniti predefiniti per visualizzatori già forniti con Experience Manager 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 significa che è visibile nel componente Dynamic Media e nel componente File multimediali interattivi e ogni volta che si visualizza l’anteprima di un’immagine o di un video.

Alcuni predefiniti per visualizzatori hanno impostazioni esclusive che possono influenzare l’uso e il comportamento generale del visualizzatore. A seconda del predefinito per visualizzatori creato, è importante tenere presente queste considerazioni speciali.

Vedi Considerazioni speciali per la creazione di un predefinito visualizzatore interattivo.

Vedi Considerazioni speciali per la creazione di un predefinito visualizzatore banner carosello.

Per creare i predefiniti visualizzatore:

1. Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi nella barra a sinistra vai a Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.

   

2. Nella pagina Predefiniti visualizzatore, seleziona nella barra degli strumenti Crea.

3. In Nuovo predefinito per visualizzatori nella finestra di dialogo Nome predefinito immetti il nome del nuovo predefinito. Scegli attentamente un nome, che non potrà essere modificato dopo aver selezionato Crea.

   Quando salvi il predefinito in seguito in questi passaggi, il nome viene visualizzato nella pagina Predefiniti visualizzatore , sotto l’intestazione della colonna Titolo predefinito .

4. Seleziona il tipo di predefinito visualizzatore da creare dal menu a discesa Tipo di contenuti multimediali avanzati, quindi seleziona nell’angolo in alto a destra della pagina Crea.

   Vedi Tipi di contenuti multimediali avanzati per i predefiniti per visualizzatori.

5. Nella pagina Editor predefiniti per visualizzatori , seleziona la Aspetto scheda .

6. Effettua una delle operazioni seguenti:

   • In Tipo selezionato dal menu a discesa, selezionate un componente di cui desiderate personalizzare la progettazione visiva. In alternativa, puoi selezionare qualsiasi elemento visivo nel visualizzatore per selezionarlo per la configurazione.

     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 il campione a sinistra dell’editor.

     Le proprietà di stile CSS per ciascun tipo di predefinito visualizzatore sono descritte in "Personalizzazione <viewer name> Argomento della Guida del visualizzatore in Guida di riferimento visualizzatori. Ad esempio, se stai creando un predefinito visualizzatore del tipo Mixed_Media, vedi Personalizzare il visualizzatore di file multimediali diversi per un elenco e una descrizione di ciascuna proprietà.

   • Se hai definito le impostazioni di stile in un file CSS separato, puoi caricarlo in Experience Manager Assets. Per trovare il file CSS caricato e associarlo al predefinito visualizzatore, seleziona Importa CSS sotto Tipo selezionato menu a discesa (se necessario, scorri l’editor visivo verso l’alto per visualizzarlo).

     Quando importi un file CSS, l’editor visivo controlla se il CSS utilizza gli indicatori di visualizzatore corretti. Ad esempio, se crei un visualizzatore zoom, tutte le regole CSS importate devono essere definite utilizzando il nome della classe del visualizzatore corrispondente .s7mixedmediaviewer definito su un elemento visualizzatore principale.

     È possibile importare CSS arbitrari creati a mano, purché definiscano correttamente i marcatori CSS per un determinato visualizzatore. (I marcatori CSS sono descritti in qualsiasi "Personalizzazione <viewer name=""> Argomento della Guida del visualizzatore in Guida di riferimento visualizzatori. Ad esempio, per informazioni sui marcatori CSS per il visualizzatore zoom, consulta Personalizzazione del visualizzatore zoom.) È tuttavia possibile 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.

   NOTA

   Se preferisci modificare il CSS direttamente nel relativo modulo non elaborato, seleziona Mostra/Nascondi CSS dal menu a discesa Tipo selezionato (se necessario, scorri l’editor visivo verso l’alto per visualizzarlo).
   Come l’editor visivo, quando modifichi una proprietà direttamente nel CSS, puoi vedere istantaneamente quale effetto ha sull’esempio del visualizzatore. Inoltre, la stessa proprietà viene aggiornata automaticamente nello stesso momento nell’editor visivo. Puoi quindi utilizzare l’editor CSS non elaborato o l’editor visivo oppure entrambi in modo intercambiabile.

   NOTA

   Per l'immagine pulsante, scegli l'immagine 2x e carica opere d'arte ad alta risoluzione. Quando si lavora con immagini interattive e banner shoppable, è anche possibile selezionare tra vari pulsanti pronti all’uso.

7. (Facoltativo) Nella parte superiore della pagina Modifica predefinito visualizzatore, seleziona Desktop, Tablet oppure Telefono per definire in modo univoco gli stili visivi per dispositivi e tipi di schermo diversi.

8. Nella pagina Editor predefiniti per visualizzatori , seleziona la Comportamento scheda . In alternativa, puoi selezionare qualsiasi elemento visivo nel visualizzatore per selezionarlo per la configurazione.

9. Dal menu a discesa Tipo selezionato, scegli un componente di cui vuoi modificare i comportamenti.

   A molti componenti nell’editor visivo è associata una descrizione dettagliata. Queste descrizioni vengono visualizzate in 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.

   NOTA

   Se utilizzi un dispositivo touch, ad esempio un telefono o un tablet…

   Dopo aver digitato un valore nel campo di testo, selezionare un'altra opzione nell'interfaccia utente per inviare la modifica e chiudere la tastiera virtuale. Se si seleziona Invio, non si verifica alcuna azione.

10. Nell’angolo in alto a destra della pagina, seleziona Salva.

11. Pubblica il nuovo predefinito per visualizzatori. È necessario pubblicare il predefinito prima di poterlo utilizzare sul sito web.

    Vedi Pubblicazione dei predefiniti per visualizzatori.

Considerazioni speciali per la creazione di un predefinito visualizzatore interattivo

Modalità di visualizzazione per le miniature delle immagini nel pannello:

Quando crei o modifichi un predefinito visualizzatore video interattivo, puoi scegliere l’impostazione della modalità di visualizzazione da utilizzare. Questa scelta si verifica quando si seleziona InteractiveSwatches dal Componente selezionato menu a discesa sotto la 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 la Modalità di visualizzazione segment (predefinita) o continuous.

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 , dalla scheda 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.

Ad esempio, supponiamo di avere un segmento video di 30 secondi. E ci sono in totale nove miniature da visualizzare in 30 secondi. Il browser viene ridimensionato in modo tale che nel pannello di visualizzazione siano presenti quattro miniature visibili. Il segmento di tempo video di 30 secondi è suddiviso in tre sottosegmenti. La tabella seguente mostra il raggruppamento di cui vengono visualizzate le miniature per un determinato sottosegmento di tempo:

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 durata 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 sottosegmenti = da un sottosegmento all’altro (numero di miniature/numero di slot visibili nel pannello miniature, in base alle dimensioni della finestra del browser).
  Utilizzando l'esempio nella tabella precedente, 9 miniature / 4 slot = 2,25; la logica del visualizzatore la arrotonda a tre sottosegmenti.

• Numero di miniature = da arrotondare alla miniatura successiva (numero di miniature/numero di sottosegmenti video).
  Utilizzando l’esempio nella tabella precedente, 9 miniature / 3 sottosegmenti video = 3 miniature.

• Durata del sottosegmento = durata video totale/numero di sottosegmenti video.
  Utilizzando l’esempio nella tabella precedente, 30 secondi / 3 sottosegmenti video = 10 secondi di visualizzazione di ciascun sottosegmento video.

Considerazioni speciali per la creazione di predefiniti visualizzatore per banner carosello

Quando si creano i predefiniti visualizzatore per banner carosello, è possibile accedere alle seguenti modifiche dello stile degli hotspot:

Attivare o disattivare i predefiniti visualizzatore

I predefiniti per visualizzatori disponibili nell’interfaccia utente dipendono da quelli attivi nella modalità Creazione. Per impostazione predefinita, dopo la creazione un predefinito visualizzatore è "attivato". Se disattiva il predefinito, questo non verrà visualizzato in modalità Autore. Se il predefinito viene pubblicato, viene sempre pubblicato indipendentemente dal fatto che sia attivato o disattivato. Disattiva i predefiniti per visualizzatori se l’elenco diventa troppo ingombrante o se non desideri che un predefinito per visualizzatori sia disponibile per l’uso.

Per attivare o disattivare i predefiniti visualizzatore:

1. Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi seleziona nella barra a sinistra Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.

2. Nella pagina Predefinito visualizzatore , sotto la sezione Stato intestazione di colonna, seleziona l’opzione per attivare o disattivare un predefinito visualizzatore.

   I predefiniti visualizzatore attivati presentano l’interruttore a destra, all’interno di una casella blu; i predefiniti visualizzatore disattivati presentano l’interruttore a sinistra, all’interno di una casella di colore grigio chiaro.

Pubblicare i predefiniti visualizzatore

Attivando (o attivando) lo stato di un predefinito visualizzatore significa che è visibile nel componente Dynamic Media, nel componente File multimediali interattivi e ogni volta che visualizzi una risorsa.

Tuttavia, distribuire una risorsa con un predefinito visualizzatore, deve essere pubblicata anche il predefinito visualizzatore . Tutti i predefiniti visualizzatore devono essere attivati e pubblicato per ottenere l’URL o il codice di incorporamento per una risorsa. Attiva e pubblica tutti i predefiniti visualizzatore forniti con Dynamic Media. I predefiniti visualizzatore personalizzati che crei e aggiungi vengono attivati automaticamente, ma devono anche essere pubblicati.

Vedi Attivazione o disattivazione dei predefiniti per visualizzatori.

Vedi anche Anteprima delle risorse.

Per pubblicare i predefiniti visualizzatore:

1. Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi seleziona nella barra a sinistra Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
2. Seleziona uno o più predefiniti visualizzatore da pubblicare.
3. Nella barra degli strumenti, seleziona la Pubblica icona.

Ordinare i predefiniti visualizzatore

1. Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi seleziona nella barra a sinistra Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
2. Seleziona Titolo predefinito, Tipo, Pubblicato oppure Stato per ordinare in base all’intestazione della colonna. Ad esempio, seleziona Tipo per ordinare i tipi di predefiniti visualizzatore in ordine alfabetico o inverso.

Modificare i predefiniti per visualizzatori

Modifica di qualsiasi predefiniti per visualizzatori pronti all’uso non è uno scenario supportato. Se modifichi un predefinito per visualizzatori preconfigurato, viene richiesto di salvarlo con un nuovo nome.

Per modificare i predefiniti visualizzatore:

1. Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi seleziona nella barra a sinistra Strumenti (icona a forma di martello) > Risorsa > Predefiniti visualizzatore.

2. Seleziona un predefinito selezionando la casella a sinistra del titolo del predefinito visualizzatore.

3. Sulla barra degli strumenti, seleziona Modifica.

4. Sulla Editor predefiniti visualizzatore apporta le modifiche desiderate al predefinito visualizzatore, utilizzando le opzioni disponibili nella Aspetto e Comportamento schede.

   Da Aspetto nell’angolo in alto a sinistra della pagina Editor predefiniti per visualizzatore, seleziona Desktop, Tablet oppure Telefono per modificare la modalità di presentazione della risorsa.

5. Nell’angolo in alto a destra della pagina, effettuare una delle seguenti operazioni:

   • Seleziona Salva per salvare le modifiche e tornare alla pagina Predefinito visualizzatore .
   • Seleziona Annulla per evitare le modifiche apportate e tornare alla pagina Predefinito visualizzatore .

Eliminare i predefiniti visualizzatore personalizzati

È possibile eliminare i predefiniti per visualizzatori creati e aggiunti a Dynamic Media.

Per eliminare i predefiniti visualizzatore personalizzati:

1. Nell’angolo in alto a sinistra dell’Experience Manager, seleziona il logo dell’Experience Manager, quindi seleziona nella barra a sinistra Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
2. Nella pagina Predefiniti visualizzatore , seleziona un titolo predefinito e quindi seleziona la Cestino icona.
3. Seleziona Elimina.

Applicare un predefinito visualizzatore a una risorsa

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:

1. Apri la risorsa e, vicino all’angolo in alto a sinistra della pagina, seleziona il menu a discesa, quindi seleziona Visualizzatori.

   NOTA

   Se hai già pubblicato sia la risorsa che il visualizzatore selezionato, dopo aver selezionato un predefinito visualizzatore vengono visualizzati i pulsanti URL e Incorpora.

2. Per applicarlo alla risorsa, seleziona un predefinito visualizzatore dal riquadro a sinistra.

   È possibile copia l’URL da condividere con altri utenti.

Fornire le risorse con i predefiniti per visualizzatori

Per ottenere gli URL per i predefiniti per visualizzatori, vedi Collegare gli 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. Vedi Aggiungere risorse Dynamic Media alle pagine.