Aggiungere risorse Dynamic Medie alle pagine adding-dynamic-media-assets-to-pages

Per aggiungere la funzionalità Dynamic Medie alle risorse utilizzate sui siti web, puoi aggiungere Dynamic Medie, File multimediali interattivi, Elemento multimediale panoramico, o Contenuti video 360 direttamente sulla pagina. Si entra in modalità Layout e si attivano i componenti Dynamic Medie. Quindi aggiungi questi componenti alla pagina e 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.

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

NOTE
Accertati di pubblicare le risorse prima di aggiungerle alle pagine di Experience Manager. Consulta Pubblicazione di risorse 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.

Per aggiungere un componente Dynamic Medie a una pagina:

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

  2. Nel riquadro a sinistra, selezionare Componenti , quindi applica il filtro per Dynamic Medie.

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

    6_5_360video_wcmcomponent

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

  4. Passa il puntatore direttamente sul componente. Quando il 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 Medie rilasciato sulla pagina, viene visualizzata una finestra di dialogo di configurazione. Impostare le opzioni del componente secondo necessità.

    L’esempio seguente mostra il Dynamic Medie Contenuti video 360 e le opzioni disponibili dall'elenco a discesa Predefinito visualizzatore.

    Componente per contenuti video 360

    Il componente multimediale Dynamic Medie Video 360.

  6. 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 di Dynamic Medie da aggiungere a una pagina, probabilmente dovrai abilitare i componenti da utilizzare.

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

  2. A sinistra della barra degli strumenti, nella parte superiore della pagina, seleziona l’icona Informazioni pagina, quindi fai clic su Modifica modello dall’elenco a discesa.

    edit-template

  3. Dal lato destro della barra degli strumenti nella parte superiore della pagina, seleziona dall’elenco a discesa Struttura.

    Policy

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

  5. Il giorno Contenitore di layout pagina, sotto Proprietà , assicurati che il Componenti consentiti è selezionata.

    Componenti consentiti

  6. Scorri fino a visualizzare Dynamic Medie.

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

    Elenco dei componenti di Dynamic Medie

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

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

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

Localizzare i componenti 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. Seleziona Proprietà e seleziona la Avanzate scheda. Scegli la lingua desiderata per la localizzazione.

    note note
    NOTE
    Non tutte le lingue disponibili nel Lingua al momento sono assegnati dei token al menu.

Componenti Dynamic Medie disponibili dynamic-media-components

I componenti Dynamic Medie sono disponibili quando si seleziona Componenti , quindi filtra per 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 : utilizza per qualsiasi risorsa interattiva come video interattivo, immagini interattive o set carosello.
  • Elemento multimediale panoramico - Usare per immagini panoramiche o immagini panoramiche VR.
  • Contenuti video 360 : da utilizzare per risorse video 360 e 360 VR.
NOTE
Questi componenti non sono disponibili per impostazione predefinita e devono essere resi disponibili tramite l’editor di modelli prima di utilizzare. Dopo essere stati resi disponibili nell’editor modelli, puoi aggiungere i componenti alla pagina come faresti con qualsiasi altro Experience Manager componente.

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 predefiniti per immagini, visualizzatori basati su immagini come set di immagini, set 360 gradi, 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.

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 si aggiunge il componente Dynamic Medie e Impostazioni Dynamic Medie è vuoto oppure non è possibile aggiungere correttamente una risorsa, verifica quanto segue:

  • L'immagine ha un file tiff piramidale. Le immagini importate prima dell'attivazione di 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.

È possibile modificare le seguenti impostazioni di Dynamic Medie selezionando Modifica nel componente e quindi Impostazioni Dynamic Medie.

Impostazioni predefinito immagine Dynamic Medie

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 dall’elenco a discesa. Se il predefinito visualizzatore che stai cercando non è visibile, devi renderlo visibile. Consulta Gestione dei predefiniti per i visualizzatori. 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 anche predefiniti visualizzatore rilevanti solo per il visualizzatore.

  • Modificatori visualizzatore - I modificatori visualizzatore si presentano come coppia nome=valore con 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 al video un file di sottotitoli codificati.

  • Predefinito immagine - Selezionate un predefinito immagine esistente dall'elenco a discesa. Se il predefinito immagine che state cercando non è visibile, dovete renderlo visibile. Consulta Gestione predefiniti immagine. 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 più comandi per l'immagine. Questi comandi sono descritti in Predefiniti immagine e nella Guida di riferimento per i comandi 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 su un sito reattivo, devi aggiungere i punti di interruzione immagine. I punti di interruzione delle immagini devono essere 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).

    Il Ottimizza per dispositivi ad alta risoluzione L'opzione viene visualizzata solo quando è vero quanto segue:

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

    impostazione delle proporzioni pixel del dispositivo per predefinito immagine

    Vedi anche Informazioni sull'ottimizzazione delle proporzioni pixel del dispositivo.

    Qualsiasi Experience Manager I valori DPR di 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 - È possibile 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 - Immettete il valore in pixel se desiderate che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

  • Altezza - Immettete il valore in pixel se desiderate 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

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

NOTE
Per impostazione predefinita, il componente video Dynamic Medie è adattivo. Se vuoi impostarne una dimensione fissa, lo puoi fare nel componente con Larghezza e Altezza nel Avanzate scheda.
  • Predefinito visualizzatore - Seleziona un predefinito visualizzatore video esistente dall’elenco a discesa. Se il predefinito visualizzatore che stai cercando non è visibile, devi renderlo visibile. Consulta Gestione dei predefiniti per i visualizzatori.

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

    Con i modificatori del visualizzatore è possibile, ad esempio, 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 - Immettete il valore in pixel se desiderate che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

  • Altezza - Immettete il valore in pixel se desiderate 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.

Consulta Utilizzare il ritaglio avanzato con Experience Manager Assets Dynamic Medie

Vedi anche Profili immagine.

Impostazioni ritaglio avanzato Dynamic Medie

Puoi modificare le seguenti impostazioni 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 più comandi per l'immagine. Questi comandi sono descritti in Predefiniti immagine e nella Guida di riferimento per i comandi 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 : seleziona questa opzione per consentire a Dynamic Medie di scegliere un rendering di 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).

    Il Ottimizza per dispositivi ad alta risoluzione L'opzione viene visualizzata solo quando è vero quanto segue:

    • In Tipo di predefinito, Ritaglio avanzato è selezionata.

    impostazione delle proporzioni pixel del dispositivo per il ritaglio avanzato

    Vedi anche Informazioni sull'ottimizzazione delle proporzioni pixel del dispositivo.

    Qualsiasi Experience Manager I valori DPR di Dynamic Medie Smart Imaging vengono ignorati.

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

  • Testo alternativo : aggiungi un titolo all’immagine di ritaglio avanzato 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 - È possibile 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 - Immettete il valore in pixel se desiderate che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

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

Componente: File multimediali interattivi interactive-media-component

Il componente Contenuti multimediali interattivi è destinato alle risorse che presentano interattività, come punti attivi o mappe immagine. Se hai un'immagine interattiva, un video interattivo o un banner a carosello, utilizza File multimediali interattivi componente.

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.

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

È possibile modificare quanto segue Generale impostazioni selezionando Modifica nel componente.

  • Predefinito visualizzatore - Seleziona un predefinito visualizzatore esistente dall’elenco 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 - Immettete il valore in pixel se desiderate che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.

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

    È possibile modificare quanto segue Aggiungi al carrello impostazioni 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. Per non visualizzare la risorsa del prodotto, deseleziona questa opzione.

  • 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 per non visualizzare il prezzo del prodotto.

  • 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 per non mostrare le varianti prodotto.

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° 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.
  • Contrassegnato con le parole chiave equirectangular o (spherical + panorama) o (spherical + panoramic). Consulta 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 di Elemento multimediale panoramico componente utilizzato sulla stessa pagina.
  • Ogni istanza utilizza lo stesso tipo di risorsa.
Assegnazione di un predefinito visualizzatore diverso a ciascun Elemento multimediale panoramico 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 elementi multimediali panoramici

Puoi modificare la seguente impostazione selezionando Configura nel componente.

  • Predefinito visualizzatore - Selezionare un visualizzatore esistente dall'elenco a discesa Predefinito visualizzatore.

Se il predefinito visualizzatore che stai cercando non è visibile, controlla che sia pubblicato. Pubblica i predefiniti visualizzatore prima di utilizzarli. Consulta Gestisci predefiniti visualizzatore.

Component: video 360 media video-media-component

Utilizza il Contenuti video 360 per riprodurre video equirettangolari sulla pagina web. In questo modo si garantisce un'esperienza visiva 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

Puoi modificare la seguente impostazione selezionando Configura nel componente.

  • Predefinito visualizzatore - Selezionare un visualizzatore esistente dall'elenco a discesa Predefinito visualizzatore. Utilizzare Video360VR per gli utenti finali che utilizzano occhiali di realtà virtuale. Include controlli di riproduzione video di base e funzioni per social media. Utilizza Video360_social, che include controlli di base per la riproduzione di video. 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 stai cercando non è visibile, controlla che sia pubblicato. Pubblica i predefiniti visualizzatore prima di utilizzarli. Consulta Gestisci predefiniti visualizzatore.

Usa HTTP/2 per la distribuzione delle 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 distribuzione delle risorse Dynamic Medie ora può avvenire tramite HTTP/2, il che fornisce tempi di risposta e di 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
fbcff2a9-b6fe-4574-b04a-21e75df764ab