Aggiungere risorse Dynamic Media alle pagine

Per aggiungere la funzionalità Dynamic Media alle risorse utilizzate sui siti web, puoi inserire direttamente nella pagina il componente Dynamic Media, File multimediali interattivi, Elemento multimediale panoramico o File multimediali video 360. Accedi alla modalità Layout e abilita i componenti Dynamic Media. Quindi aggiungi questi componenti alla pagina e aggiungi le risorse al componente. I componenti Dynamic Media sono intelligenti: rilevano l’aggiunta di un’immagine o di un video, dunque le opzioni di configurazione disponibili cambiano di conseguenza.

Puoi aggiungere risorse Dynamic Media direttamente alla pagina se utilizzi Adobe Experience Manager come WCM. Se utilizzi una terza parte per WCM, collegamento o incorporare le risorse. Per un sito web dinamico di terze parti, consulta distribuzione di immagini ottimizzate a un sito reattivo.

NOTA

Assicurati di pubblicare le risorse prima di aggiungerle alle pagine in Experience Manager. Vedi Pubblicazione delle risorse Dynamic Media.

Aggiungere un componente Dynamic Media a una pagina

L’aggiunta a una pagina di un componente Media 3D, Dynamic Media, File multimediali interattivi, File multimediali panoramici, Video Ritaglio avanzato o File multimediali video 360 equivale all’aggiunta di un componente a qualsiasi pagina.

Per aggiungere un componente Dynamic Media a una pagina:

  1. In Experience Manager, apri la pagina in cui desideri aggiungere il componente Dynamic Media.

  2. Nel riquadro a sinistra, seleziona la Componenti , quindi filtra per Dynamic Media.

    Se non è disponibile alcun elenco di componenti Dynamic Media, è probabile che sia necessario abilitare i componenti Dynamic Media che si desidera utilizzare. Vedi Abilita componenti Dynamic Media.

    6_5_360video_wcmcomponent

  3. Trascina un Dynamic Media e rilasciarlo nella posizione desiderata sulla pagina.

  4. Posiziona il puntatore direttamente sul componente. Quando un componente è circondato da una casella blu, seleziona una volta per visualizzare la barra degli strumenti del componente. Seleziona la Configurazione (chiave inglese) icona.

    6_5_360video_wcmcomponentconfigure

  5. A seconda del componente Dynamic Media rilasciato sulla pagina, viene visualizzata una finestra di dialogo di configurazione. Impostare le opzioni del componente se necessario.

    L'esempio seguente mostra Dynamic Media Video 360 e le opzioni disponibili nell’elenco a discesa Predefinito visualizzatore .

    Componente Video 360 Media

    Componente Dynamic Media Video 360 Media.

  6. Al termine, nell’angolo superiore destro della finestra di dialogo, selezionate il segno di spunta per salvare le modifiche.

Abilita componenti Dynamic Media

Se non è disponibile alcun componente Dynamic Media da aggiungere a una pagina, è probabile che sia necessario abilitare i componenti che si desidera utilizzare.

  1. In Experience Manager, apri la pagina in cui desideri aggiungere il componente Dynamic Media.

  2. Nella parte sinistra della barra degli strumenti vicino alla parte superiore della pagina, seleziona l’icona Informazioni pagina , quindi seleziona Modifica modello dall’elenco a discesa.

    edit-template

  3. Sul lato destro della barra degli strumenti vicino alla parte superiore della pagina, seleziona dall’elenco a discesa Struttura.

    Criterio

  4. Nella parte inferiore della pagina, seleziona Contenitore di layout per aprire la relativa barra degli strumenti, seleziona l’icona Criterio .

  5. Sulla Contenitore di layout sotto Proprietà assicurati che Componenti consentiti è selezionata.

    Componenti consentiti

  6. Scorri fino a visualizzare Dynamic Media.

  7. Seleziona l’icona > a sinistra di Dynamic Media, quindi seleziona i componenti Dynamic Media che desideri abilitare.

    Elenco dei componenti di Dynamic Media

  8. Vicino all'angolo superiore destro del Contenitore di layout selezionate l’icona Fine (segno di spunta).

  9. Sul lato destro della barra degli strumenti vicino alla parte superiore della pagina, seleziona dall’elenco a discesa Contenuto iniziale.

  10. Aggiungere un componente Dynamic Media a una pagina come al solito.

Localizzare i componenti Dynamic Media

Puoi localizzare i componenti Dynamic Media in uno dei due modi seguenti:

  • In una pagina web di Sites, apri Proprietà e seleziona la scheda Avanzate. Scegli la lingua desiderata per la localizzazione.

    chlimage_1-172

  • Dal selettore del sito, seleziona la pagina o il gruppo di pagine desiderato. Seleziona Proprietà e seleziona la Avanzate scheda . Scegli la lingua desiderata per la localizzazione.

    NOTA

    Non tutte le lingue disponibili nel Lingua al menu sono attualmente assegnati token.

Componenti Dynamic Media disponibili

I componenti di Dynamic Media sono disponibili quando selezioni Componenti , quindi filtra Dynamic Media.

I componenti Dynamic Media disponibili includono:

  • Dynamic Media: da utilizzare per risorse quali immagini, video, eCatalog e set 360 gradi.
  • File multimediali interattivi : da utilizzare per qualsiasi risorsa interattiva, ad esempio video interattivo, immagini interattive o set carosello.
  • Supporti panoramici - Utilizzare per immagini panoramiche o risorse di immagini VR panoramiche.
  • Video 360 - Da utilizzare per 360 video e 360 risorse video VR.
NOTA

Questi componenti non sono disponibili per impostazione predefinita e devono essere resi disponibili dall’editor modelli prima di utilizzare . Una volta resi disponibili nell’editor modelli, puoi aggiungere i componenti alla pagina come faresti con qualsiasi altro Experience Manager componente.

6_5_dynamic_mediawcmcomponents

Componente: Dynamic Media

Il componente Dynamic Media è intelligente. Sia che si aggiunga un’immagine o un video, sono disponibili varie opzioni. Il componente supporta i predefiniti per immagini e i visualizzatori basati su immagini, come set di immagini, set di rotazione, set di file multimediali diversi e video. Inoltre, il visualizzatore è reattivo: le dimensioni dello schermo cambiano automaticamente in base alle dimensioni dello schermo. Tutti i visualizzatori sono visualizzatori HTML5.

NOTA

Se la pagina web ha i seguenti elementi:

  • istanze multiple del componente Dynamic Media in uso sulla stessa pagina.
  • Ogni istanza utilizza lo stesso tipo di risorsa.

L’assegnazione di un predefinito visualizzatore diverso a ciascun componente Dynamic Media in quella pagina non è supportata.

Tuttavia, puoi utilizzare lo stesso predefinito visualizzatore per tutti i componenti di Dynamic Media che utilizzano risorse dello stesso tipo, all’interno della pagina.

Quando aggiungi il Componente elementi multimediali dinamici e le Impostazioni elemento multimediale dinamico sono vuote o non è possibile aggiungere correttamente una risorsa, controlla quanto segue:

  • L'immagine è in formato TIFF piramidale. Le immagini importate prima dell’abilitazione di Dynamic Media non dispongono di un file TIFF piramidale.

Quando si lavora con le immagini

Il componente elementi multimediali dinamici consente di aggiungere immagini dinamiche, compresi set di immagini, set di rotazione e set di file multimediali diversi. È possibile ingrandire, ridurre e, se applicabile, ruotare un'immagine all'interno di un set 360 gradi, o selezionare un'immagine da un altro tipo di set.

È possibile anche configurare il predefinito visualizzatore, il predefinito immagine o il formato immagine direttamente nel componente. Per rendere un’immagine reattiva, puoi impostare i punti di interruzione o applicare un predefinito per immagini reattive.

Puoi modificare le seguenti impostazioni di Dynamic Media selezionando la Modifica nel componente e quindi Impostazioni Dynamic Media.

Impostazioni predefinite immagine di Dynamic Media

NOTA

Per impostazione predefinita, il componente immagine Dynamic Media è adattivo. Se vuoi impostarne una dimensione fissa, lo puoi fare nella scheda Avanzate del componente, alle voci Larghezza e Altezza.

  • Predefinito visualizzatore - Seleziona un predefinito per visualizzatori esistente dall’elenco a discesa. Se il predefinito per visualizzatori che stai cercando non è visibile, devi renderlo visibile. Consulta Gestione dei predefiniti per visualizzatori. Non puoi selezionare un predefinito visualizzatore se utilizzi un predefinito immagine e viceversa.

    Questa opzione è l’unica disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi. I predefiniti per visualizzatori visualizzati sono anche predefiniti per visualizzatori rilevanti per sola lettura.

  • Modificatori visualizzatore - I modificatori del visualizzatore assumono la forma di coppia nome=valore con un delimitatore & e consentono di modificare i visualizzatori come descritto nella Guida di riferimento visualizzatori. Un esempio di modificatore visualizzatore è posterimage=img.jpg&caption=text.vtt,1 imposta un’immagine diversa per la miniatura del video e associa un file di sottotitoli/sottotitoli codificati al video.

  • Predefinito immagine - Seleziona un predefinito per immagini esistente dall’elenco a discesa. Se il predefinito immagine che cerchi non è visibile, devi renderlo visibile. Consulta Gestione dei predefiniti per immagini. Non puoi selezionare un predefinito visualizzatore se utilizzi un predefinito immagine e viceversa.

    Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.

  • Modificatori immagine - È possibile applicare effetti immagine fornendo più comandi immagine. Questi comandi sono descritti in Predefiniti immagini e nella Guida di riferimento per il comando Image Serving.

    Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.

  • Punti di interruzione - Se utilizzi questa risorsa su un sito reattivo, devi aggiungere i punti di interruzione immagine. I punti di interruzione dell’immagine devono essere separati da virgole (,). Questa opzione funziona quando non è stata definita alcuna altezza o larghezza in un predefinito immagine.

    Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.

    È possibile modificare le seguenti impostazioni avanzate selezionando Modifica nel componente.

  • Ottimizzazione per dispositivi ad alta risoluzione - Seleziona (impostazione predefinita) la casella di controllo per consentire l’ottimizzazione DPR (Device Pixel Ratio).

    La Ottimizzazione per dispositivi ad alta risoluzione viene visualizzata solo quando quanto segue è vero:

    • In Tipo di predefinito, Predefinito immagine è selezionato e RESS_IP è selezionato tra i Predefinito immagine elenco a discesa.

    impostazione del rapporto pixel del dispositivo per il predefinito immagine

    Vedi anche Informazioni sull’ottimizzazione del rapporto pixel del dispositivo.

    Qualsiasi Experience Manager I valori DPR di Dynamic Media Smart imaging vengono ignorati.

  • Titolo - Modificare il titolo dell'immagine.

  • Testo Alt - Aggiungi un titolo all’immagine per gli utenti che hanno disattivato la grafica.

    Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.

  • URL, Apri in - Puoi impostare una risorsa per aprire un collegamento. Imposta l’URL e in Apri in indica se desideri aprirlo nella stessa finestra o in una nuova finestra.

    Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.

  • Larghezza - Immetti il valore in pixel se vuoi che l'immagine sia di dimensioni fisse. Lasciando vuoto questo valore, la risorsa diventa adattiva.

  • Altezza - Immetti il valore in pixel se vuoi che l'immagine sia di dimensioni fisse. Lasciando vuoto questo valore, la risorsa diventa adattiva.

Quando esegui operazioni con i Video

Utilizza il componente Dynamic Media per aggiungere video dinamici alle pagine web. Quando modifichi il componente, puoi scegliere di utilizzare un predefinito visualizzatore video per la riproduzione del video sulla pagina.

chlimage_1-173

Puoi modificare le seguenti impostazioni di Dynamic Media selezionando Modifica nel componente.

NOTA

Per impostazione predefinita, il componente video elementi multimediali dinamici è adattivo. Se vuoi impostarne una dimensione fissa, impostala nel componente con la Larghezza e Altezza in Avanzate scheda .

  • Predefinito visualizzatore - Seleziona un predefinito per visualizzatori video dall’elenco a discesa. Se il predefinito per visualizzatori che stai cercando non è visibile, devi renderlo visibile. Consulta Gestione dei predefiniti per visualizzatori.

  • Modificatori visualizzatore - I modificatori del visualizzatore si presentano come name=value coppia con un & delimitatore. Consentono di modificare i visualizzatori come descritto nella Guida di riferimento visualizzatori di Adobe. Un esempio di modificatore visualizzatore è posterimage=img.jpg&caption=text.vtt,1

    Con i modificatori visualizzatore è possibile, ad esempio, effettuare le seguenti operazioni:

    • Associare un file di didascalia a un video: didascalia

    • Associare un file di navigazione a un video: navigazione

      È possibile modificare le seguenti impostazioni avanzate selezionando Modifica nel componente.

  • Titolo - Modifica il titolo del video.

  • Larghezza - Immetti il valore in pixel se vuoi che l'immagine sia di dimensioni fisse. Lasciando vuoto questo valore, la risorsa diventa adattiva.

  • Altezza - Immetti il valore in pixel se vuoi che l'immagine sia di dimensioni fisse. Lasciando vuoto questo valore, la risorsa diventa adattiva.

Quando si lavora con Smart Crop

Utilizza il componente Dynamic Media per aggiungere le risorse immagine ritaglio avanzato alle pagine web. Quando modifichi il componente, puoi scegliere di utilizzare un predefinito visualizzatore video per la riproduzione del video sulla pagina.

Vedi Utilizzare il ritaglio avanzato con Experience Manager Assets Dynamic Media

Vedi anche Profili immagine.

Impostazioni di ritaglio avanzato Dynamic Media

È possibile modificare le seguenti impostazioni di Dynamic Media selezionando Modifica nel componente.

NOTA

Per impostazione predefinita, il componente immagine Dynamic Media è adattivo. Se vuoi impostarne una dimensione fissa, lo puoi fare nella scheda Avanzate del componente, alle voci Larghezza e Altezza.

  • Modificatori immagine - È possibile applicare effetti immagine fornendo più comandi immagine. Questi comandi sono descritti in Predefiniti immagini e nella Guida di riferimento per il comando Image Serving.

    Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.

    È possibile modificare le seguenti impostazioni avanzate selezionando Modifica nel componente.

  • Abilita corrispondenza proporzioni - Per consentire a Dynamic Media di scegliere un rendering di ritaglio avanzato con proporzioni che corrispondano al meglio alle proporzioni dell’immagine originale, seleziona questa opzione.

  • Ottimizzazione per dispositivi ad alta risoluzione - Seleziona (impostazione predefinita) la casella di controllo per consentire l’ottimizzazione DPR (Device Pixel Ratio).

    La Ottimizzazione per dispositivi ad alta risoluzione viene visualizzata solo quando quanto segue è vero:

    • In Tipo di predefinito, Ritaglio avanzato è selezionata.

    impostazione del rapporto pixel del dispositivo per il ritaglio avanzato

    Vedi anche Informazioni sull’ottimizzazione del rapporto pixel del dispositivo.

    Qualsiasi Experience Manager I valori DPR di Dynamic Media Smart imaging vengono ignorati.

  • Titolo - Modifica il titolo dell’immagine Ritaglio avanzato.

  • Testo Alt - Aggiungi un titolo all’immagine di ritaglio avanzato per gli utenti che hanno disattivato la grafica.

    Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.

  • URL, Apri in - Puoi impostare una risorsa per aprire un collegamento. Imposta l’URL e in Apri in indica se desideri aprirlo nella stessa finestra o in una nuova finestra.

    Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.

  • Larghezza - Immetti il valore in pixel se vuoi che l'immagine sia di dimensioni fisse. Lasciando vuoto questo valore, la risorsa diventa adattiva.

  • Altezza - Immetti il valore in pixel se vuoi che l'immagine sia di dimensioni fisse. Lasciando vuoto questo valore, la risorsa diventa adattiva.

Componente: File multimediali interattivi

Il Componente File multimediali interattivi è adatto per le risorse che dispongono di interattività, come punti attivi o mappe immagine. Se disponi di un'immagine, un video interattivo o un banner carosello, utilizza il componente File multimediali interattivi.

Il componente File multimediali interattivi è intelligente. Sia che si aggiunga un’immagine o un video, sono disponibili varie opzioni. Inoltre, il visualizzatore è reattivo: le dimensioni dello schermo cambiano automaticamente in base alle dimensioni dello schermo. Tutti i visualizzatori sono visualizzatori HTML5.

NOTA

Se la pagina web ha i seguenti elementi:

  • Nella stessa pagina vengono utilizzate più istanze del componente File multimediali interattivi.
  • Ogni istanza utilizza lo stesso tipo di risorsa.

L’assegnazione di un predefinito visualizzatore diverso a ciascun componente File multimediali interattivi in quella pagina non è supportata.

Tuttavia, puoi utilizzare lo stesso predefinito visualizzatore per tutti i componenti File multimediali interattivi che utilizzano risorse dello stesso tipo, all’interno della pagina.

chlimage_1-174

È possibile modificare quanto segue Generale selezionando Modifica nel componente.

  • Predefinito visualizzatore - Seleziona un predefinito per visualizzatori esistente dall’elenco a discesa. Se il predefinito per visualizzatori che stai cercando non è visibile, devi renderlo visibile. I predefiniti per visualizzatori devono essere pubblicati prima di poter essere utilizzati. Consulta Gestione dei predefiniti per visualizzatori.

  • Titolo - Modifica il titolo del video.

  • Larghezza - Immetti il valore in pixel se vuoi che l'immagine sia di dimensioni fisse. Lasciando vuoto questo valore, la risorsa diventa adattiva.

  • Altezza - Immetti il valore in pixel se vuoi che l'immagine sia di dimensioni fisse. Lasciando vuoto questo valore, la risorsa diventa adattiva.

    È possibile modificare quanto segue Aggiungi al carrello selezionando Modifica nel componente.

  • Mostra risorsa prodotto - Per impostazione predefinita, questo valore è selezionato. La risorsa di prodotto mostra un'immagine del prodotto in base a quanto definito nel modulo Commerce. Rimuovi il segno di spunta per non visualizzare la risorsa di prodotto.

  • Mostra prezzo prodotto - Per impostazione predefinita, questo valore è selezionato. Prezzo del prodotto mostra il prezzo dell'elemento in base a quanto definito nel modulo Commerce. Rimuovi il segno di spunta per non visualizzare il prezzo del prodotto.

  • Mostra modulo di prodotto - Per impostazione predefinita, questo valore non è selezionato. Il Modulo del prodotto include tutte le varianti del prodotto, come la dimensione e il colore. Rimuovi il segno di spunta per non visualizzare le varianti prodotto.

Componente: Supporti panoramici

Il componente Elemento multimediale panoramico è per le risorse che sono immagini panoramiche sferiche. Tali immagini offrono un'esperienza di visualizzazione a 360° di una stanza, proprietà, posizione o paesaggio. Affinché un'immagine si qualifichi come panorama sferico, deve avere uno O entrambi i seguenti elementi:

  • Rapporto di formato 2:1.
  • Etichettate con le parole chiave equirectangular ospherical + panorama) o (spherical + panoramic). Vedi Utilizzo dei tag.

Sia le proporzioni che i criteri delle parole chiave si applicano alle risorse panoramiche della pagina dettagli risorsa e al componente WCM per elementi multimediali panoramici.

NOTA

Se la pagina web ha i seguenti elementi:

  • Più istanze del Supporti panoramici componente utilizzato sulla stessa pagina.
  • Ogni istanza utilizza lo stesso tipo di risorsa.

Assegnazione di un predefinito visualizzatore diverso a ogni Supporti panoramici il componente in quella pagina non è supportato.

Tuttavia, puoi utilizzare lo stesso predefinito visualizzatore per tutti i componenti Elemento multimediale panoramico che utilizzano risorse dello stesso tipo, all’interno della pagina.

Predefinito visualizzatore per contenuti multimediali panoramici

Puoi modificare le seguenti impostazioni selezionando Configura nel componente.

  • Predefinito visualizzatore - Seleziona un visualizzatore esistente dall’elenco a discesa Predefinito visualizzatore .

Se il predefinito per visualizzatori che stai cercando non è visibile, assicurati che sia pubblicato. Pubblica i predefiniti visualizzatore prima di utilizzarli. Vedi Gestire i predefiniti per visualizzatori.

Componente: Video 360

Utilizza la Video 360 per eseguire il rendering di video equirettangolari sulla pagina web. In questo modo si garantisce un'esperienza visiva coinvolgente di una stanza, proprietà, posizione, paesaggio o procedura medica.

Durante la riproduzione su un display piatto, l'utente ha il controllo dell'angolo di visione; la riproduzione su dispositivi mobili utilizza solitamente 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. È possibile distribuire video 360 utilizzando estensioni video standard come .mp4, .mkv e .mov. Il codec più comune è H.264.

6_5_360video_wcmcomponent-1

Puoi modificare le seguenti impostazioni selezionando Configura nel componente.

  • Predefinito visualizzatore - Seleziona un visualizzatore esistente dall’elenco a discesa Predefinito visualizzatore . Usa Video360VR per gli utenti finali che usano occhiali di realtà virtuale. Include controlli di base sulla riproduzione video e funzioni per social media. Utilizza Video360_social che include 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. Non esistono funzioni per social media.

Se il predefinito per visualizzatori che stai cercando non è visibile, assicurati che sia pubblicato. Pubblica i predefiniti visualizzatore prima di utilizzarli. Vedi Gestire i predefiniti per visualizzatori.

Utilizzare HTTP/2 per distribuire le risorse Dynamic Media

HTTP/2 è il nuovo protocollo web aggiornato che migliora il modo in cui i browser e i server comunicano. Fornisce un trasferimento più rapido delle informazioni e riduce la quantità di potenza di elaborazione necessaria. La distribuzione delle risorse Dynamic Media può ora avvenire tramite HTTP/2, garantendo tempi di risposta e caricamento migliori.

Vedi Distribuzione di contenuti HTTP2 per informazioni complete su come iniziare a utilizzare HTTP/2 con il tuo account Dynamic Media.

In questa pagina