Gestire i predefiniti per visualizzatori

Un predefinito per visualizzatori è un insieme 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.

Per istruzioni su come creare e personalizzare i predefiniti visualizzatore HTML5, consulta l’Adobe Documentazione API per visualizzatori Dynamic Media HTML5 SDK . 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 la Guida di riferimento visualizzatori Dynamic Media di Adobe.

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. Consulta Applicazione dei predefiniti per visualizzatori.

NOTA

La modifica di predefiniti predefiniti predefiniti per visualizzatori non è uno scenario supportato. Se tenti di modificare un predefinito visualizzatore predefinito, ti viene richiesto di salvare il predefinito visualizzatore con un nuovo nome.

Accessibilità della tastiera per i visualizzatori

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

Vedere 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, tocca Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.

6_5_tools-assets-viewerpresets

NOTA

Per impostazione predefinita, quando selezioni Visualizzatori nella vista Dettaglio di una risorsa, il sistema mostra 15 predefiniti visualizzatore. Puoi aumentare questo limite. Consulta la sezione Aumento del numero di 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 apre il visualizzatore HTML5 in una finestra separata del browser. In altri casi, potrebbe essere necessario incorporare il visualizzatore HTML5 direttamente nella pagina di hosting. In quest'ultimo caso, la pagina web può avere un layout statico. Oppure può essere "reattivo" e può essere 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 pagine web statiche che pagine web reattive.

Per ulteriori informazioni su come incorporare i visualizzatori reattivi nelle pagine web, consulta Libreria di immagini reattive .

NOTA

Prima di utilizzarli, è necessario pubblicare tutti i visualizzatori predefiniti.
Consulta [Pubblicazione dei predefiniti visualizzatore].(#publishing-viewer-presets)

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™
  • Per i video, è disponibile un supporto aggiuntivo per la riproduzione MP4 per BlackBerry® e Windows Phone.

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.

Set carosello

I punti attivi, le mappe immagine o entrambi vengono aggiunti a una serie di due o più immagini. Un cliente può scorrere le immagini a sinistra o a destra e quindi selezionare un punto attivo su un'immagine per ulteriori dettagli o per l'acquisto diretto da una categoria, una pagina principale o una pagina di destinazione di un sito web.

Dimensionale

Consente di visualizzare scene 3D che consentono di girare, scorrere, ingrandire o reinserire la fotocamera.

Zoom a comparsa

Visualizza una seconda immagine dell'area ingrandita accanto all'immagine originale. Nessun controllo da utilizzare: gli utenti spostano la selezione sull’area da visualizzare.

Nel determinare l’utilizzo completo della larghezza di banda per questo visualizzatore, considera che sia l’immagine principale che l’immagine a comparsa siano servite nel visualizzatore. Le dimensioni dell’immagine principale (larghezza e altezza dello stage) e il fattore di zoom determinano le dimensioni dell’immagine a comparsa. Per evitare che la dimensione del file a comparsa diventi troppo grande, bilanciare i due valori seguenti: in caso di dimensioni dell'immagine principale grandi, abbassare il valore del fattore di zoom. (La larghezza a comparsa e l’altezza a comparsa determinano le dimensioni della finestra a comparsa, ma non le dimensioni dell’immagine a comparsa fornita nel visualizzatore.)

Ad esempio, se la dimensione dell’immagine principale è di 350 x 350 pixel con un fattore di zoom di 3, l’immagine a comparsa risultante sarà di 1050 x 1050 pixel. Se le dimensioni dell'immagine principale sono 300 x 300 pixel, con un fattore di zoom di 4, l'immagine a comparsa è 1200 x 1200 pixel. A seconda delle impostazioni di qualità JPEG (le impostazioni consigliate sono tra 80 e 90), è possibile ridurre notevolmente le dimensioni del file. I fattori di zoom consigliati sono da 2,5 a 4, a seconda delle dimensioni dell'immagine principale.

Zoom in linea Visualizza un'immagine dell'area ingrandita all'interno del visualizzatore originale. Nessun controllo da utilizzare. In altre parole, gli utenti spostano la selezione sull’area da visualizzare.
Set immagini Nel visualizzatore per set di immagini, gli utenti possono vedere diverse viste o varianti di colore di un elemento selezionando una miniatura. Questo visualizzatore offre anche strumenti di zoom per esaminare attentamente le immagini.
Immagine interattiva Gli hotspot vengono aggiunti a parti di un'immagine che un cliente può quindi selezionare per ulteriori dettagli o per l'acquisto diretto da una categoria di sito web, una pagina principale o pagine di destinazione.
Video interattivo Le miniature vengono aggiunte ai segmenti della timeline di un video che un cliente può quindi selezionare per ulteriori dettagli o per l’acquisto diretto da una categoria, una pagina principale o una pagina di destinazione di un sito web.
File multimediali diversi Visualizza diversi tipi di contenuti multimediali in un visualizzatore. Puoi includere set 360 gradi, set di immagini, immagini e video.
Immagine panoramica

I visualizzatori Panoramic Image (Immagine panoramica) e Panoramic VR (VR panoramico) consentono di riprodurre immagini panoramiche sferiche per immergere gli utenti in un'esperienza di visualizzazione a 360° di una stanza, di una proprietà, di una posizione o di un paesaggio.

Affinché un'immagine caricata possa essere definita come panorama sferico, deve avere uno o entrambi i seguenti elementi:

  • Rapporto di formato 2:1.
  • Tag con le parole chiave equirectangular, spherical e panorama, o spherical e panoramic. Consulta Uso dei tag.

Sia le proporzioni che i criteri delle parole chiave si applicano alle risorse panoramiche della pagina dei dettagli delle risorse che il componente WCM "Elemento multimediale panoramico".

Importante: Questo visualizzatore è disponibile solo in modalità Dynamic Media - Scene7.

Ritaglio video automatico

Utilizza questo visualizzatore per rilevare e ritagliare automaticamente il punto focale in qualsiasi video.

Set 360 gradi Fornisce diverse viste di un'immagine in modo che gli utenti possano ruotare l'oggetto per esaminare i diversi lati e angoli.
Video a 360°

Utilizza il visualizzatore video 360/VR per riprodurre video equirettangolari per un’esperienza di visualizzazione immersiva di una stanza, una proprietà, un luogo, un paesaggio o una procedura medica.

Durante la riproduzione su un display piatto, l'utente ha il controllo dell'angolo di visione; la riproduzione su dispositivi mobili di solito applica i loro controlli giroscopici incorporati.

Il visualizzatore include il supporto nativo per la distribuzione di 360 risorse video. Per impostazione predefinita, non è necessaria alcuna configurazione aggiuntiva per la visualizzazione o la riproduzione. È possibile distribuire video 360 utilizzando estensioni video standard come .mp4, .mkv e .mov. Il codec più comune è H.264.

Importante: Questo visualizzatore è disponibile solo in modalità Dynamic Media - Scene7.

Video

Riproduce video utilizzando lo streaming a bit rate progressivo o adattivo. Lo streaming a bit rate adattivo esegue automaticamente il rilevamento del dispositivo e della larghezza di banda per fornire la qualità video corretta nel formato giusto.

Zoom verticale

Il visualizzatore Zoom verticale consente di massimizzare l’esperienza di visualizzazione delle immagini di un prodotto per offrire agli utenti la migliore rappresentazione di un prodotto. La posizione verticale dei campioni effettua le seguenti operazioni:

  • Garantisce che i campioni siano "al di sopra della piega".
    Con i campioni orizzontali, a seconda delle dimensioni dello schermo del desktop dell’utente, non sono visibili finché l’utente non ha fatto scorrere la pagina verso il basso. Posizionando i campioni in verticale nel visualizzatore, questi saranno visibili indipendentemente dalle dimensioni dello schermo dell’utente.
  • Massimizza le dimensioni dell'immagine principale.
    Con i campioni orizzontali, è necessario riservare spazio sulla pagina per garantirne la visibilità. Questo posizionamento ha ridotto le dimensioni dell'immagine principale. Con un layout di campioni verticali, tuttavia, non è necessario allocare questo spazio. È quindi possibile massimizzare le dimensioni dell'immagine principale.
Zoom Consente agli utenti di ingrandire l’area selezionandola. Gli utenti possono selezionare i controlli per ingrandire, ridurre e ripristinare le dimensioni predefinite dell'immagine.

Elenco dei predefiniti per visualizzatori predefiniti

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

Vedere 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 "Viewers release notes" nel sommario della Guida di riferimento visualizzatori.

NOTA

Tutti i predefiniti visualizzatore predefiniti in Dynamic Media sono già attivati (on), ma è necessario pubblicarli.
Consulta Pubblicazione dei predefiniti visualizzatore.

Eventuali nuovi predefiniti visualizzatore creati e aggiunti devono essere attivati sia *che *pubblicati.
Consulta Attivazione o disattivazione dei predefiniti visualizzatore e Pubblicazione dei predefiniti visualizzatore.

Titolo predefinito visualizzatore Tipo Nome file CSS
Carosello_Punteggiato_scuro Set_carosello html5_carouselviewer_dotted_dark.css
Carosello_Punteggiato_light Set_carosello html5_carouselviewer_dotted_light.css
Carousel_Numeric_dark Set_carosello html5_carouselviewer_numeric_dark.css
Carousel_Numeric_light Set_carosello html5_carouselviewer_numeric_light.css
Dimensionale Dimensionale html5_dimensionalviewer.css
A comparsa Zoom_A_comparsa html5_flyoutviewer.css
ImageSet_dark Set immagini html5_zoomviewer_dark.css
ImageSet_light Set immagini html5_zoomviewer_light.css
InlineMixedMedia_dark File multimediali diversi html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light File multimediali diversi html5_inlinemixedmediaviewer_light.css
InlineZoom Zoom_A_comparsa html5_inlinezoomviewer.css
MixedMedia_dark File multimediali diversi html5_mixedmediaviewer_dark.css
MixedMedia_light File multimediali diversi html5_mixedmediaviewer_light.css
Immagine panoramica Panoramic_Image html5_panoramicimage.css
PanoramicImageVR Panoramic_Image html5_panoramicimage.css
Banner_Shoppable Immagine interattiva html5_interactiveimage.css
Shoppable_Video_dark Video interattivo html5_interactivevideoviewer_dark.css
Shoppable_Video_light Video interattivo html5_interactivevideovewer_light.css
SmartCropVideo Smart_Crop_Video html5_smartcropvideoviewer.css
SmartCropVideo_social Smart_Crop_Video html5_smartcropvideoviewersocial.css
SpinSet_dark Set_Spin html5_spinviewer_dark.css
SpinSet_light Set_Spin html5_spinviewer_light.css

Video

(include il supporto per sottotitoli codificati)

Video html5_videoviewer.css

Video360_social

(Comprende i controlli di riproduzione video di base, il rendering video viene eseguito in modalità stereo, il controllo manuale del punto di vista è disattivato ma il controllo giroscopico è attivato e nessuna funzione di social media)

Video_360 html5_video360viewersocial.css

Video360VR

(Progettato per gli utenti finali che utilizzano occhiali di realtà virtuale. Include controlli di base sulla riproduzione video e funzioni di social media)

Video_360 html5_video360viewer.css

Video_social

(include il supporto per sottotitoli codificati e social media)

Video html5_videoviewersocial.css
Zoom_dark
Zoom
html5_basiczoomviewer_dark.css
Zoom_light
Zoom html5_basiczoomviewer_light.css
ZoomVertical_dark
Zoom_verticale html5_zoomverticalviewer_dark.css
Zoom_Verticale Zoom_verticale html5_zoomverticalviewer_light.css

Matrice di gesti dei visualizzatori per dispositivi mobili supportati

La tabella seguente identifica i gesti del visualizzatore mobile supportati sui dispositivi iOS, Android™ 2.x e Android™ 3.x.

Gesto Zoom a comparsa Zoom Set 360 gradi

Trascina

Pannelli

Pannelli

Pannelli

Selezionare

Mostra la finestra a comparsa

Mostra o nasconde l’interfaccia utente

Mostra o nasconde l’interfaccia utente

Doppio tocco

Non applicabile

Ingrandisce o reimposta

Ingrandisce o reimposta

Apri il pizzico

Non applicabile

Ingrandisce (solo iOS e Android™ 3x)

Ingrandisce (solo iOS e Android™ 3x)

Chiudi

Non applicabile

Zoom out (solo per iOS e Android™ 3x)

Zoom out (solo per iOS e Android™ 3x)

Passaggio del dito

Barra dei campioni a scorrimento

Scorre le immagini

Giri

Flick

Barra dei campioni a scorrimento

Scorre le immagini

Giri

Aumenta il numero di predefiniti visualizzatore visualizzati

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

Aumenta il numero di predefiniti visualizzatore visualizzati:

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

  2. Passa al nodo di elenco dei predefiniti per visualizzatori nella posizione seguente:

    /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist

    chlimage_1-221

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

  4. Passa all’origine dati predefinita visualizzatore in /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource

    chlimage_1-222

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

  6. Selezionare Salva tutto.

Creare un predefinito 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 desideri, puoi utilizzare i predefiniti predefiniti per visualizzatori già forniti con 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 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, 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 visualizzatore per banner carosello.

Per creare un predefinito visualizzatore:

  1. 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.

    6_5_viewerpresets

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

  3. Nella finestra di dialogo Nuovo predefinito visualizzatore, immetti il nome del nuovo predefinito nel campo Nome predefinito . Scegli con attenzione 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. Nel menu a discesa Tipo di contenuti multimediali avanzati seleziona il tipo di predefinito visualizzatore da creare, quindi seleziona Crea nell’angolo in alto a destra della pagina.

    Consulta Tipi di contenuti multimediali avanzati per predefiniti visualizzatore.

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

  6. Effettua una delle operazioni seguenti:

    • Nel menu a discesa Tipo selezionato , seleziona un componente di cui vuoi 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 nell’argomento della guida "Personalizzazione <viewer name> visualizzatore" nella Guida di riferimento visualizzatori. Ad esempio, se stai creando un predefinito visualizzatore di tipo Mixed_Media, consulta Personalizzazione di visualizzatori 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 il menu a discesa Tipo selezionato (se necessario, scorri l'editor visivo verso l'alto 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 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 di visualizzatore .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 argomento della Guida alla personalizzazione <nome visualizzatore> nel 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 o 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 scheda Comportamento . 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 in modo da poterlo utilizzare sul sito web.

    Consulta Pubblicazione dei predefiniti visualizzatore.

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 quando selezioni InteractiveSwatches dal menu Componente selezionato nella scheda Comportamento . La modalità di visualizzazione selezionata influisce su come e quando vengono visualizzate le miniature durante la riproduzione del video. È possibile scegliere una modalità di visualizzazione segmentpredefinita o continuous.

Modalità di visualizzazione Descrizione
Segmento

Segment è la modalità di visualizzazione predefinita per i predefiniti Visualizzatore video interattivo Shoppable_Video_light e Shoppable_Video_dark predefiniti e per tutti i predefiniti Visualizzatore video interattivo creati dall’utente.

In questa modalità, quando a un segmento video sono assegnate meno miniature rispetto al numero di punti visibili nel pannello di visualizzazione. Inoltre, le miniature dei sottosegmenti successivi o precedenti sono non trascinate per riempire eventuali punti vuoti nel pannello. In altre parole, conserva la visualizzazione dei campioni assegnati al particolare segmento video.

Continuo

In modalità di visualizzazione continuous se il numero di miniature in un segmento è inferiore al numero visibile nel pannello, il visualizzatore include automaticamente la visualizzazione delle miniature del segmento successivo. Oppure, il visualizzatore include automaticamente la visualizzazione delle miniature del segmento precedente, nei casi in cui viene visualizzata l’ultima miniatura.

Il video in questo argomento è un esempio della modalità di visualizzazione 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, dal menu a discesa Componenti selezionati, selezionare 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:

Sottosegmento video Tempo del sottosegmento in secondi Miniature visibili nel pannello
1 0-10 1, 2, 3, 4
2 10-20 4, 5, 6, 7
3 20-30 6, 7, 8, 9

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.

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

Descrizione Azioni
Icona punto attivo Modificare l’icona utilizzata per il punto attivo Per modificare l'immagine dell'icona del punto attivo, nella scheda Aspetto, in Componente selezionato, selezionare ImageMapEffect. Seleziona Sfondo alla voce Icona e, nel campo Immagine, individua l’immagine di sfondo desiderata.

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. Puoi disattivare i predefiniti visualizzatore se l’elenco diventa troppo ingombrante o se non desideri che un predefinito visualizzatore 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 nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.

  2. Nella pagina Predefinito visualizzatore , sotto l’intestazione di colonna Stato , 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 per visualizzatori

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, per consegnare una risorsa con un predefinito per visualizzatori, è necessario pubblicare anche il predefinito per visualizzatori. Per ottenere l’URL o il codice di incorporamento di una risorsa, tutti i predefiniti visualizzatore devono essere attivati e pubblicati. Assicurati di attivare e pubblicare tutti i predefiniti visualizzatore forniti con Dynamic Media. I predefiniti visualizzatore personalizzati che crei e aggiungi vengono attivati automaticamente, ma devono anche essere pubblicati.

Consulta Attivazione o disattivazione dei predefiniti per visualizzatori.

Consulta 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 nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Risorse > Predefiniti visualizzatore.
  2. Seleziona uno o più predefiniti visualizzatore da pubblicare.
  3. Sulla barra degli strumenti, seleziona l’icona Pubblica .

Ordinare i predefiniti visualizzatore

  1. 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.
  2. Seleziona Titolo predefinito, Tipo, Pubblicato o 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

La modifica di predefiniti predefiniti predefiniti per visualizzatori 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 nella barra a sinistra seleziona 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. Nella pagina Editor predefiniti visualizzatore , apporta le modifiche desiderate al predefinito visualizzatore, utilizzando le opzioni disponibili nelle schede Aspetto e Comportamento .

    Dalla scheda Aspetto, vicino all’angolo in alto a sinistra della pagina Editor predefiniti per visualizzatori, seleziona Desktop, Tablet o 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 annullare le modifiche apportate e tornare alla pagina Predefinito visualizzatore .

Eliminare i predefiniti per visualizzatori 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 nella barra a sinistra seleziona Strumenti (icona a forma di martello) Risorse > Predefiniti visualizzatore.
  2. Nella pagina Predefiniti visualizzatore , seleziona un titolo predefinito e quindi fai clic sull’icona Cestino .
  3. Selezionare Elimina.

Applicare un predefinito per visualizzatori 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. Seleziona un predefinito visualizzatore dal riquadro a sinistra in modo da poterlo applicare alla risorsa.

    Puoi copiare l'URL da condividere con altri utenti.

Fornire le risorse con i predefiniti per visualizzatori

Per ottenere gli URL per i predefiniti per visualizzatori, consulta Collegamento degli URL all’applicazione Web. Vedere anche Incorporamento del 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 Media alle pagine.

In questa pagina