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 HTML5, consulta l'Adobe Documentazione dell'API SDK del visualizzatore di Dynamic Medie HTML5. 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, SDK 3.10: https://s7d1.scene7.com/s7sdk/3.10/docs/jsdoc/index.html

Consulta anche la Guida di riferimento dei visualizzatori Dynamic Medie 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. Vedere Applicazione dei predefiniti visualizzatore.

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

Accessibilità da tastiera per i visualizzatori keyboard-accessibility-for-viewers

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

Vedi anche Accesso facilitato alla 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) > Assets > Predefiniti visualizzatore.

6_5_tools-assets-viewerpresets

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

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

NOTE
Prima di utilizzare i visualizzatori predefiniti di Publish.
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.

Set carosello
I punti attivi, le mappe immagine o entrambi vengono aggiunti a una serie di due o più immagini. Un cliente può effettuare la panoramica delle immagini a sinistra o a destra e quindi selezionare un hotspot su un’immagine per ulteriori dettagli o per effettuare acquisti direttamente dalla categoria, dalla home o dalle pagine di destinazione di un sito web.
Dimensionale
Visualizza le scene 3D che consentono di ruotare, scorrere, ingrandire o ricentrare 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 che desiderano visualizzare.

Quando determini l’utilizzo completo della larghezza di banda per questo visualizzatore, tieni presente che sia l’immagine principale che l’immagine a comparsa vengono fornite nel visualizzatore. Le dimensioni dell'immagine principale (larghezza e altezza stage) e il fattore di zoom determinano le dimensioni dell'immagine a comparsa. Per evitare che le dimensioni del file a comparsa diventino troppo grandi, bilancia questi due valori: se hai un'immagine principale di grandi dimensioni, abbassa il valore del fattore di zoom. Le opzioni Larghezza elemento a comparsa e Altezza elemento a comparsa determinano le dimensioni della finestra a comparsa, ma non le dimensioni dell'immagine a comparsa trasmessa al visualizzatore.

Ad esempio, se la dimensione dell'immagine principale è 350 x 350 pixel, con un fattore di zoom pari a 3, l'immagine a comparsa risultante sarà 1050 x 1050 pixel. Se la dimensione dell'immagine principale è di 300 x 300 pixel, con un fattore di zoom pari a 4, l'immagine a comparsa è di 1200 x 1200 pixel. A seconda dell'impostazione di qualità JPEG (le impostazioni consigliate sono comprese 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 che desiderano visualizzare.
Set immagini
Nel visualizzatore Set immagini, gli utenti possono visualizzare diverse visualizzazioni o varianti di colore di un elemento selezionando una miniatura. Questo visualizzatore offre anche strumenti di zoom per esaminare le immagini da vicino.
Immagine interattiva
I punti attivi vengono aggiunti alle parti di un’immagine che un cliente può selezionare per ulteriori dettagli o per l’acquisto diretto dalla categoria, dalla home o dalle pagine di destinazione di un sito web.
Video interattivo
Le miniature vengono aggiunte ai segmenti della timeline in un video che un cliente può selezionare per ulteriori dettagli o per l’acquisto diretto dalla categoria, dalla home o dalle pagine di destinazione di un sito web.
File multimediali diversi
Visualizza diversi tipi di file multimediali in un solo visualizzatore. Puoi includere set 360 gradi, set di immagini, immagini e video.
Immagine panoramica

I visualizzatori Immagine panoramica e PanoramicaVR offrono immagini panoramiche sferiche per immergere gli utenti in un’esperienza di visione a 360 gradi di una stanza, una proprietà, una posizione o un paesaggio.

Affinché un'immagine caricata possa essere considerata un panorama sferico, deve avere una o entrambe le caratteristiche seguenti:

  • Rapporto di formato 2:1.
  • Taggato con le parole chiave equirectangular, o spherical e panorama, o spherical e panoramic. Vedi Utilizzo dei tag.

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

Importante: questo visualizzatore è disponibile solo in modalità Dynamic Medie - Scene7.

Ritaglio video automatico
Usa questo visualizzatore per rilevare e ritagliare automaticamente il punto focale in qualsiasi video.
Set 360 gradi
Fornisce più 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 coinvolgente di una stanza, una proprietà, una posizione, un paesaggio o una procedura medica.

Durante la riproduzione su uno schermo piatto, l'utente ha il controllo dell'angolo di visualizzazione; la riproduzione su dispositivi mobili applica di solito i 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. Puoi distribuire video 360 utilizzando le estensioni video standard come .mp4, .mkv e .mov. Il codec più comune è H.264.

Importante: questo visualizzatore è disponibile solo in modalità Dynamic Medie - Scene7.

Video
Riproduce il video utilizzando lo streaming con bitrate progressivo o adattivo. Lo streaming con bitrate adattivo esegue automaticamente il rilevamento del dispositivo e della larghezza di banda per fornire la giusta qualità video nel formato giusto.
Zoom verticale

Il visualizzatore con zoom verticale consente di massimizzare l’esperienza di visualizzazione delle immagini del prodotto, per offrire agli utenti la migliore rappresentazione possibile di un prodotto. La posizione verticale dei campioni è la seguente:

  • Assicura che i campioni siano "sopra la piega".
    I campioni orizzontali, a seconda delle dimensioni dello schermo del desktop dell'utente, non sono visibili finché l'utente non scorre la pagina verso il basso. Posizionando i campioni verticalmente nel visualizzatore, si garantisce che siano visibili indipendentemente dalle dimensioni dello schermo dell'utente.
  • Ingrandisce le dimensioni dell'immagine principale.
    Con i campioni orizzontali, è necessario riservare spazio sulla pagina per assicurarsi che siano visibili. Questo posizionamento riduce le dimensioni dell'immagine principale. Con un layout di campione verticale, tuttavia, non è necessario allocare questo spazio. È quindi possibile ingrandire l'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 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.

Consultare le note sulla versione dei visualizzatori nel sommario della Guida di riferimento dei visualizzatori.

NOTE
Tutti i predefiniti visualizzatore in Dynamic Medie sono già attivati (attivati), ma è necessario pubblicarli.
Consulta Pubblicazione dei predefiniti visualizzatore.
Tutti i nuovi predefiniti visualizzatore creati e aggiunti devono essere attivati *e *pubblicati.
Vedere 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_Luce_Punteggiata
Set_carosello
html5_carouselviewer_dotted_light.css
Carosello_Numeric_dark
Set_carosello
html5_carouselviewer_numeric_dark.css
Carosello_Luce_Numerica
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_misti
html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light
File_multimediali_misti
html5_inlinemixedmediaviewer_light.css
InlineZoom
Zoom_a_comparsa
html5_inlinezoomviewer.css
MixedMedia_dark
File_multimediali_misti
html5_mixedmediaviewer_dark.css
MixedMedia_light
File_multimediali_misti
html5_mixedmediaviewer_light.css
Immagine panoramica
Immagine_Panoramica
html5_panoramicimage.css
PanoramicImageVR
Immagine_Panoramica
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
Ritaglio_avanzato_video
html5_smartcropvideoviewer.css
SmartCropVideo_social
Ritaglio_avanzato_video
html5_smartcropvideoviewersocial.css
Set360_scuro
Set_360_gradi
html5_spinviewer_dark.css
SpinSet_light
Set_360_gradi
html5_spinviewer_light.css

Video

(include il supporto per i sottotitoli)

Video
html5_videoviewer.css

Video360_social

(include 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 non è disponibile alcuna funzione per i social media)

Video_360
html5_video360viewersocial.css

Video360VR

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

Video_360
html5_video360viewer.css

Video_social

(include il supporto per sottotitoli e social media)

Video
html5_videoviewersocial.css
Zoom_scuro
Zoom
html5_basiczoomviewer_dark.css
Luce_zoom
Zoom
html5_basiczoomviewer_light.css
ZoomVertical_dark
Zoom_verticale
html5_zoomverticalviewer_dark.css
ZoomVertical_light
Zoom_verticale
html5_zoomverticalviewer_light.css

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.

Gesto
Zoom a comparsa
Zoom
Set 360 gradi
Trascina
Pannelli
Pannelli
Pannelli
Seleziona
Mostra la finestra a comparsa
Mostra o nasconde l'interfaccia utente
Mostra o nasconde l'interfaccia utente
Doppia selezione
Non applicabile
Ingrandisce o ripristina
Ingrandisce o ripristina
Pizzicare
Non applicabile
Ingrandisce (solo iOS e Android™ 3x)
Ingrandisce (solo iOS e Android™ 3x)
Pizzicare
Non applicabile
Esegue lo zoom indietro (solo iOS e Android™ 3x)
Esegue lo zoom indietro (solo iOS e Android™ 3x)
Passaggio del dito
Scorre la barra dei campioni
Scorre le immagini
Rotazioni
Gesto rapido
Scorre la barra dei campioni
Scorre le immagini
Rotazioni

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 Visualizzazione dettagli > Visualizzatori. Puoi 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 dell’elenco di predefiniti visualizzatore 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 del predefinito visualizzatore in /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource

    chlimage_1-222

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

  6. 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 Il) 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:

  1. Nell'angolo superiore sinistro dell'Experience Manager, seleziona il logo dell'Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Assets > Predefiniti visualizzatore.

    6_5_visualizzatori predefiniti

  2. Nella pagina Predefiniti visualizzatore selezionare Crea sulla barra degli strumenti.

  3. Nella finestra di dialogo Nuovo predefinito visualizzatore immettere il nome del nuovo predefinito nel campo Nome predefinito. Scegli il nome con attenzione: dopo aver selezionato Crea, non sarà più possibile modificarlo.

    Quando salvi il predefinito più avanti 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 nell'angolo superiore destro della pagina seleziona Crea.

    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, selezionare un componente di cui si desidera personalizzare la struttura visiva. 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 ogni tipo di predefinito visualizzatore sono descritte nell'argomento della Guida "Personalizzazione del visualizzatore <viewer name>" nella Guida di riferimento visualizzatori. Ad esempio, se stai creando un predefinito visualizzatore di tipo Mixed_Media, consulta 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 il menu a discesa Tipo selezionato (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 classe di visualizzatore .s7mixedmediaviewer definito in un elemento visualizzatore padre.

      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 qualsiasi argomento della Guida relativo alla personalizzazione di <nome visualizzatore> Visualizzatore nella Guida di riferimento visualizzatori. Ad esempio, per informazioni sui marcatori CSS per il Visualizzatore zoom, vedere 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 nel 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.
  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 visualizzatore, seleziona la scheda Comportamento. In alternativa, puoi selezionare qualsiasi elemento visivo nel visualizzatore per configurarlo.
    Ad esempio, per il tipo VideoPlayer, in Modificatori > Riproduzione, puoi selezionare una delle tre opzioni di streaming bitrate adattivo:

    • trattino - I video vengono trasmessi solo come trattino. Tuttavia, sui dispositivi Safari/iOS è necessario selezionare hls come tipo.

    • hls - I video vengono trasmessi solo come hls.

    • auto - Procedure consigliate. La creazione di flussi DASH e HLS è ottimizzata per l’archiviazione. Pertanto, 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 l'opzione trattino, è necessario che sia prima attivata dal supporto tecnico Adobe sul proprio account. Vedi Abilita DASH sul tuo account.
  9. 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 si utilizza 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.
  10. Seleziona Salva nell'angolo superiore destro della pagina.

  11. Publish il nuovo predefinito visualizzatore in modo da poterlo utilizzare sul sito web.

    Consulta Pubblicazione dei predefiniti visualizzatore.

    note important
    IMPORTANT
    Per i vecchi video che utilizzano un profilo di streaming con bitrate adattivo, l'URL continua a essere riprodotto come al solito, con streaming HLS, fino a rielabora le risorse video. Dopo la rielaborazione, lo stesso URL continua a funzionare, ma ora con entrambi i flussi DASH e HLS abilitati.

Considerazioni speciali per la creazione di un predefinito visualizzatore interattivo special-considerations-for-creating-an-interactive-viewer-preset

Informazioni sulle 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 usare quando selezioni InteractiveSwatches dal menu Componente selezionato nella scheda Comportamento. La modalità di visualizzazione selezionata influisce sulla modalità e sul momento in cui vengono visualizzate le miniature durante la riproduzione del video. È possibile scegliere la modalità di visualizzazione segment (predefinita) o continuous.

Modalità di visualizzazione
Descrizione
Segmento

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

In questa modalità, quando a un segmento video sono assegnate meno miniature del numero di punti visibili nel pannello di visualizzazione. Inoltre, le miniature dei sottosegmenti successivi o precedenti sono non trascinate per riempire gli spazi vuoti nel pannello. In altre parole, mantiene la visualizzazione dei campioni assegnati a un 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. In alternativa, nel caso in cui venga visualizzata l’ultima miniatura, il visualizzatore include automaticamente anche la visualizzazione delle miniature del segmento precedente.

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

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

Durante la creazione dei predefiniti visualizzatore di banner carosello, è possibile accedere come segue per modificare lo stile dei punti attivi:

Descrizione
Azioni
Icona punto attivo
Modifica l'icona utilizzata per il punto attivo
Per modificare l'immagine dell'icona punto attivo, nella scheda Aspetto, in Componente selezionato, selezionare ImageMapEffect. In Icona, seleziona Sfondo e nel campo Immagine individua l'immagine di sfondo desiderata.

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:

  1. Nell'angolo superiore sinistro dell'Experience Manager, seleziona il logo dell'Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Assets > Predefiniti visualizzatore.

  2. Nella pagina Predefinito visualizzatore, nell'intestazione della colonna Stato, seleziona l'interruttore 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.

Predefiniti visualizzatore Publish 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 distribuire una risorsa con un predefinito visualizzatore, è necessario pubblicare anche il predefinito visualizzatore. 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 Medie. I predefiniti visualizzatore personalizzati che crei e aggiungi vengono attivati automaticamente, ma devono anche essere pubblicati.

Vedere Attivazione o disattivazione dei predefiniti visualizzatore.

Vedi anche Anteprima di Assets.

Per pubblicare i predefiniti visualizzatore:

  1. Nell'angolo superiore sinistro dell'Experience Manager, seleziona il logo dell'Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Assets > Predefiniti visualizzatore.
  2. Seleziona uno o più predefiniti visualizzatore da pubblicare.
  3. Sulla barra degli strumenti, seleziona l'icona Publish.

Ordina predefiniti visualizzatore sorting-viewer-presets

  1. Nell'angolo superiore sinistro dell'Experience Manager, seleziona il logo dell'Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) > Assets > Predefiniti visualizzatore.
  2. 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

La modifica di predefiniti visualizzatore 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:

  1. Nell'angolo superiore sinistro 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 del visualizzatore.

  3. Sulla barra degli strumenti, selezionare 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, nell'angolo superiore sinistro della pagina Editor predefiniti per visualizzatore, seleziona Desktop, Tablet o Telefono per modificare la modalità di presentazione della risorsa.

  5. 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:

  1. Nell'angolo superiore sinistro dell'Experience Manager, seleziona il logo dell'Experience Manager, quindi nella barra a sinistra seleziona Strumenti (icona a forma di martello) Assets > Predefiniti visualizzatore.
  2. Nella pagina Predefiniti visualizzatore, seleziona un Titolo predefinito, quindi seleziona l'icona Elimina.
  3. 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:

  1. Apri la risorsa e seleziona il menu a discesa nell'angolo superiore sinistro della pagina, quindi seleziona 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.
  2. Seleziona un predefinito visualizzatore nel riquadro a sinistra per applicarlo alla risorsa.

    Puoi copiare l'URL per condividere con altri utenti.

Distribuire risorse con i predefiniti visualizzatore delivering-assets-with-viewer-presets

Per ottenere gli URL per i predefiniti visualizzatore, vedere Collegamento degli URL all'applicazione Web. Vedere anche Incorporazione 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 Dynamic Medie Assets alle pagine.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2