Aggiunta di risorse Dynamic Media alle pagine adding-dynamic-media-assets-to-pages

Per aggiungere la funzionalità Dynamic Medie alle risorse utilizzate nei siti Web, puoi aggiungere il componente Dynamic Medie, File multimediali interattivi, File multimediali panoramici o File multimediali video 360 direttamente sulla pagina. Per aggiungere componenti, entra in modalità Layout e attiva i componenti Dynamic Medie. Quindi, potrai aggiungere questi componenti alla pagina e fornire così 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.

Se utilizzi Adobe Experience Manager come WCM, puoi aggiungere direttamente alla pagina le risorse Dynamic Medie. Se ti avvali di una terza parte per WCM, puoi collegare o incorporare le risorse. Per un sito web dinamico di terze parti, consulta la sezione Distribuzione di immagini ottimizzate in un sito dinamico.

NOTE
Accertati di pubblicare le risorse prima di aggiungerle alle pagine di Experience Manager. Consulta Risorse Publish Dynamic Medie.

Aggiungere un componente Dynamic Medie a una pagina adding-a-dynamic-media-component-to-a-page

L’aggiunta di un componente 3D Media, Dynamic Medie, File multimediali interattivi, Elemento multimediale panoramico, Ritaglio video avanzato o File multimediali video 360 a una pagina è identica all’aggiunta di un componente a qualsiasi pagina. I componenti Dynamic Medie sono descritti nelle sezioni seguenti.

Per aggiungere un componente Dynamic Medie a una pagina:

  1. Ad Experience Manager, apri la pagina in cui desideri aggiungere il componente Dynamic Medie.

  2. Nel pannello a sinistra della pagina (se necessario, attiva/disattiva la visualizzazione del pannello laterale), seleziona l'icona Componenti.

  3. Nell'intestazione Components, selezionare Dynamic Medie nell'elenco a discesa.

    Se non è disponibile alcun elenco di componenti di Dynamic Medie, è necessario abilitare i componenti di Dynamic Medie che si desidera utilizzare. Vedere Abilitare i componenti di Dynamic Medie.

    6_5_360video_wcmcomponent

  4. Trascinare un componente Dynamic Medie che si desidera utilizzare e rilasciarlo nella posizione desiderata sulla pagina.

  5. Passa il puntatore del mouse direttamente sul componente. Quando il componente è circondato da una casella blu, seleziona una volta per visualizzare la barra degli strumenti del componente. Seleziona l'icona Configurazione (chiave inglese).

    6_5_360video_wcmcomponentconfigure

  6. A seconda del componente Dynamic Medie rilasciato sulla pagina, viene visualizzata una finestra di dialogo di configurazione. Impostare le opzioni del componente in base alle esigenze.

    Nell'esempio seguente viene visualizzata la finestra di dialogo del componente Video 360 Media di Dynamic Medie e le opzioni disponibili nell'elenco a discesa Predefinito visualizzatore.

    Componente multimediale Video 360

    Il componente multimediale Dynamic Medie Video 360.

  7. Al termine, nell'angolo superiore destro della finestra di dialogo, selezionare il segno di spunta per salvare le modifiche.

Abilita componenti Dynamic Medie enabling-dynamic-media-components

Se non è disponibile alcun componente Dynamic Medie da aggiungere a una pagina, probabilmente significa che devi prima abilitare i componenti che desideri utilizzare.

Per abilitare i componenti di Dynamic Medie:

  1. Ad Experience Manager, apri la pagina in cui desideri aggiungere il componente Dynamic Medie.

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

    modifica-modello

  3. Nella parte destra della barra degli strumenti, nella parte superiore della pagina, selezionare Struttura dall'elenco a discesa.

    Criterio

  4. Nella parte inferiore della pagina, seleziona Contenitore di layout per aprire la barra degli strumenti, quindi fai clic sull'icona Criterio.

  5. Nella pagina Contenitore di layout, sotto l'intestazione Proprietà, assicurati che la scheda Componenti consentiti sia selezionata.

    Componenti consentiti

  6. Scorri fino a visualizzare Dynamic Medie.

  7. Seleziona l'icona > a sinistra di Dynamic Medie per espandere l'elenco e selezionare i componenti Dynamic Medie che desideri abilitare.

    Elenco componenti Dynamic Medie

  8. Selezionare l'icona Fine (segno di spunta) nell'angolo superiore destro della pagina Contenitore di layout.

  9. Nella parte destra della barra degli strumenti, nella parte superiore della pagina, dall'elenco a discesa, selezionare Contenuto iniziale, quindi aggiungere normalmente un componente Dynamic Medie a una pagina.

Localizzare i componenti di Dynamic Medie localizing-dynamic-media-components

È possibile localizzare i componenti Dynamic Medie 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. Selezionare Proprietà e la scheda Avanzate. Scegli la lingua desiderata per la localizzazione.

    note note
    NOTE
    Al momento non sono assegnati token a tutte le lingue disponibili nel menu Lingua.

Componenti Dynamic Medie dynamic-media-components

I componenti Dynamic Medie sono disponibili quando si seleziona l'icona Componenti, quindi si applica il filtro a Dynamic Medie.

I componenti Dynamic Medie 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.
  • Elemento multimediale panoramico: da utilizzare per immagini panoramiche o immagini panoramiche VR.
  • Video 360 Media - Utilizza per risorse video 360 e 360 VR.
NOTE
Questi componenti non sono disponibili per impostazione predefinita; prima di utilizzarli, devono essere resi disponibili tramite l’editor modelli. Una volta resi disponibili nell'editor modelliè possibile aggiungere i componenti alla pagina come qualsiasi altro componente di Experience Manager.

6_5_dynamicmediawcmcomponents

Componente Dynamic Medie dynamic-media-component

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

NOTE
Se la pagina web presenta le seguenti caratteristiche:
  • Più istanze del componente Dynamic Medie in uso sulla stessa pagina.
  • Ogni istanza utilizza lo stesso tipo di risorsa.
L’assegnazione di un predefinito visualizzatore diverso a ciascun componente Dynamic Medie di quella pagina non è supportata.
Tuttavia, puoi utilizzare lo stesso predefinito visualizzatore per tutti i componenti Dynamic Medie che utilizzano risorse dello stesso tipo, all’interno della pagina.

Quando aggiungi il componente Dynamic Medie e Impostazioni Dynamic Medie è vuoto o non puoi aggiungere una risorsa correttamente, verifica che:

  • Hai abilitato Dynamic Medie. Dynamic Medie è disabilitato per impostazione predefinita.
  • L'immagine ha un file tiff piramidale. Le immagini importate prima di attivare Dynamic Medie non dispongono di un file tiff piramidale.

Utilizzo delle immagini when-working-with-images

Il componente Dynamic Medie consente di aggiungere immagini dinamiche, inclusi set di immagini, set 360 gradi 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.

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

Modifica le seguenti impostazioni di Dynamic Medie selezionando l'icona Modifica nel componente e quindi Impostazioni Dynamic Medie.

dm-settings-image-preset

NOTE
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 visualizzatore esistente dal menu a discesa. Se il predefinito visualizzatore che stai cercando non è visibile, devi renderlo visibile. Consulta Gestire i predefiniti visualizzatore. Non è possibile selezionare un predefinito visualizzatore se si utilizza 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 visualizzatore visualizzati sono intelligenti: vengono visualizzati solo i predefiniti visualizzatore rilevanti.

  • Modificatori visualizzatore - I modificatori 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 di visualizzatore è posterimage=img.jpg&caption=text.vtt,1, che imposta un'immagine diversa per la miniatura del video e associa un file di sottotitoli al video.

  • Predefinito immagine - Seleziona un predefinito immagine esistente dal menu a discesa. Se il predefinito immagine che state cercando non è visibile, dovete renderlo visibile. Consulta Gestione dei predefiniti per immagini. Non è possibile selezionare un predefinito visualizzatore se si utilizza un predefinito immagine e viceversa.

    Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.

  • Modificatori immagine - È possibile applicare effetti immagine fornendo ulteriori comandi immagine. Questi effetti sono descritti in Predefiniti immagine e nella Guida di riferimento del comando Image Server.

    Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.

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

    Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.

    Puoi modificare le seguenti Impostazioni avanzate selezionando Modifica nel componente.

  • Ottimizza per dispositivi ad alta risoluzione. Selezionare (impostazione predefinita) la casella di controllo per consentire l'ottimizzazione DPR (Device Pixel Ratio).

    L'opzione Ottimizza per dispositivi ad alta risoluzione viene visualizzata solo quando si verifica quanto segue:

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

    impostazione delle proporzioni pixel del dispositivo per il predefinito immagine

    Vedi anche Informazioni sull'ottimizzazione delle proporzioni pixel del dispositivo. Tutti i valori DPR di Adobe Experience Manager Dynamic Medie Smart Imaging vengono ignorati.

  • Titolo - Modifica il titolo dell'immagine.

  • Testo alternativo - Aggiungi un titolo all'immagine per gli utenti che hanno la grafica disattivata.

    Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.

  • URL, Apri in - Puoi impostare una risorsa per aprire un collegamento. Impostare l'URL e in Apri in indicare se si desidera aprirlo nella stessa finestra o in una nuova finestra.

    Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.

  • Larghezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

  • Altezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

Quando si lavora con video when-working-with-video

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

chlimage_1-173

Modificare le impostazioni di Dynamic Medie seguenti selezionando Modifica nel componente.

NOTE
Per impostazione predefinita, il componente video Dynamic Medie è adattivo. Se vuoi impostarne una dimensione fissa, impostala nel componente con Larghezza e Altezza nella scheda Avanzate.
  • Predefinito visualizzatore - Seleziona un predefinito visualizzatore video esistente dal menu a discesa. Se il predefinito visualizzatore che stai cercando non è visibile, devi renderlo visibile. Consulta Gestire i predefiniti visualizzatore.

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

    Con i modificatori di visualizzatore, ad esempio, puoi effettuare le seguenti operazioni:

    • Associa un file di didascalia a un video: didascalia

    • Associa un file di navigazione a un video: navigazione

      Puoi modificare le seguenti Impostazioni avanzate selezionando Modifica nel componente.

  • Titolo - Modifica il titolo del video.

  • Larghezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

  • Altezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

Quando si lavora con Ritaglio avanzato when-working-with-smart-crop

Utilizza il componente Dynamic Medie per aggiungere alle pagine web risorse immagine di ritaglio avanzato. Quando modifichi il componente, puoi scegliere di utilizzare un predefinito visualizzatore video predefinito per riprodurre il video sulla pagina.

Vedi anche Profili immagine.

dm-settings-smart-crop

Modificare la seguente impostazione di Dynamic Medie selezionando Modifica nel componente.

NOTE
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 ulteriori comandi immagine. Questi effetti sono descritti in Predefiniti immagine e nella Guida di riferimento del comando Image Server.

    Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.

    Puoi modificare le seguenti Impostazioni avanzate selezionando Modifica nel componente.

  • Abilita corrispondenza proporzioni - Selezionare questa opzione per consentire a Dynamic Medie di scegliere una rappresentazione con ritaglio avanzato con proporzioni che corrispondano al meglio alle proporzioni dell'immagine originale.

  • Ottimizza per dispositivi ad alta risoluzione. Selezionare (impostazione predefinita) la casella di controllo per consentire l'ottimizzazione DPR (Device Pixel Ratio).

    L'opzione Ottimizza per dispositivi ad alta risoluzione viene visualizzata solo quando si verifica quanto segue:

    • In Tipo di predefinito è selezionata l'opzione Ritaglio avanzato.

    impostazione delle proporzioni pixel del dispositivo per il ritaglio avanzato

    Vedi anche Informazioni sull'ottimizzazione delle proporzioni pixel del dispositivo. Tutti i valori DPR di Adobe Experience Manager Dynamic Medie Smart Imaging vengono ignorati.

  • Titolo - Modifica il titolo dell'immagine di ritaglio avanzato.

  • Testo alt - Aggiungi un titolo all'immagine di ritaglio avanzato per gli utenti con la grafica disattivata.

    Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.

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

    Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.

  • Larghezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

  • Altezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

Componente per contenuti multimediali interattivi interactive-media-component

Il componente Contenuti multimediali interattivi è destinato alle risorse che presentano interattività, ad esempio punti attivi o mappe immagine. Se disponi di un'immagine interattiva, di un video interattivo o di un banner a 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 sullo schermo. Tutti i visualizzatori sono visualizzatori HTML5.

NOTE
Se la pagina web presenta le seguenti caratteristiche:
  • Più istanze del componente File multimediali interattivi utilizzate nella stessa pagina.
  • Ogni istanza utilizza lo stesso tipo di risorsa.
L’assegnazione di un predefinito visualizzatore diverso a ciascun componente File multimediali interattivi di quella pagina non è supportata.
Tuttavia, puoi utilizzare lo stesso predefinito visualizzatore per tutti i componenti di Interactive Media che utilizzano risorse dello stesso tipo, all’interno della pagina.

chlimage_1-174

Puoi modificare le seguenti impostazioni di Generali selezionando Modifica nel componente.

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

  • Titolo - Modifica il titolo del video.

  • Larghezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

  • Altezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

    Puoi modificare le seguenti impostazioni di Aggiungi al carrello selezionando Modifica nel componente.

  • Mostra risorsa prodotto - Per impostazione predefinita, questo valore è selezionato. La risorsa prodotto mostra un’immagine del prodotto come definito nel modulo Commerce. Deseleziona il segno di spunta in modo che la risorsa del prodotto non venga visualizzata.

  • Mostra prezzo prodotto - Per impostazione predefinita, questo valore è selezionato. Nel campo Prezzo prodotto viene visualizzato il prezzo dell'articolo definito nel modulo Commerce. Deselezionare il segno di spunta in modo che il prezzo del prodotto non venga visualizzato.

  • Mostra modulo prodotto - Per impostazione predefinita, questo valore non è selezionato. Il Modulo prodotto include qualsiasi variante di prodotto, ad esempio dimensioni e colore. Deseleziona il segno di spunta in modo che le varianti del prodotto non vengano visualizzate.

Componente elemento multimediale panoramico panoramic-media-component

Il componente Elemento multimediale panoramico è destinato alle risorse che sono immagini panoramiche sferiche. Tali immagini forniscono un'esperienza di visualizzazione a 360 gradi di una stanza, una proprietà, una posizione o un paesaggio. Affinché un'immagine possa essere considerata un panorama sferico, è necessario che disponga di uno o entrambi i seguenti elementi:

  • Rapporto di formato 2:1.
  • Taggato con le parole chiave equirectangular o (spherical + 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.

NOTE
Se la pagina web presenta le seguenti caratteristiche:
  • Più istanze del componente Elemento multimediale panoramico in uso sulla stessa pagina.
  • Ogni istanza utilizza lo stesso tipo di risorsa.
L'assegnazione di un predefinito visualizzatore diverso a ciascun componente Elemento multimediale panoramico della pagina non è supportata.
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-elemento multimediale-panoramico

È possibile modificare l'impostazione seguente selezionando Configura nel componente.

  • Predefinito visualizzatore - Seleziona un visualizzatore esistente dal menu a discesa Predefinito visualizzatore.

Se il predefinito visualizzatore che stavi cercando non è visibile, controlla che sia pubblicato. predefiniti visualizzatore Publish prima di utilizzarli. Vedere Gestione dei predefiniti visualizzatore.

Componente per contenuti video 360 video-media-component

Utilizza il componente Video 360 Media per eseguire il rendering di un video equirettangolare nella pagina Web 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 utilizza in genere 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.

6_5_360video_wcmcomponent-1

È possibile modificare l'impostazione seguente selezionando Configura nel componente.

  • Predefinito visualizzatore - Seleziona un visualizzatore esistente dal menu a discesa Predefinito visualizzatore. Utilizza Video360VR per gli utenti finali che utilizzano gli occhiali di realtà virtuale. Include controlli di riproduzione video di base 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 sono presenti funzioni per social media.

Se il predefinito visualizzatore che stavi cercando non è visibile, controlla che sia pubblicato. Assicurati di pubblicare i predefiniti visualizzatore prima di utilizzarli. Vedere Gestione dei predefiniti visualizzatore.

Utilizzo di HTTP/2 per distribuire le risorse Dynamic Medie using-http-to-delivery-dynamic-media-assets

HTTP/2 è il nuovo protocollo web aggiornato che migliora il modo in cui browser e server comunicano. Consente di trasferire più rapidamente le informazioni e di ridurre la potenza di elaborazione necessaria. La consegna delle risorse Dynamic Medie ora può avvenire tramite HTTP/2, il che offre tempi di risposta e caricamento migliori.

Consulta Distribuzione HTTP2 dei contenuti per informazioni complete su come iniziare a utilizzare HTTP/2 con il tuo account Dynamic Medie.

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