Aggiunta di risorse Dynamic Media 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. 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 si utilizza una terza parte per WCM, link o incorporare 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 Pubblicare 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. 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 la Componenti icona.

  3. Sotto Componenti nell’elenco a discesa, seleziona Dynamic Medie.

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

    6_5_360video_wcmcomponent

  4. Trascina un Dynamic Medie che desideri 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 la Configurazione (chiave inglese) icona.

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

  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. Sul lato sinistro 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 in modo da poter espandere l’elenco, quindi selezionare i componenti Dynamic Medie da 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, quindi aggiungere un componente Dynamic Medie a una pagina come al solito.

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. 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 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; prima di utilizzarli, devono essere resi disponibili tramite l’editor modelli. Dopo che sono stati resi disponibili iNell’editor dei modelli, puoi aggiungere i componenti alla pagina come faresti con 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 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 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 si aggiunge il componente Dynamic Medie e Impostazioni Dynamic Medie è vuoto oppure non è possibile aggiungere correttamente una risorsa, verifica quanto segue:

  • Hai Dynamic Medie abilitato. 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 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 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/sottotitoli codificati.

  • 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 mediante comandi immagine aggiuntivi. 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 su 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).

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

Modifica 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 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 di visualizzatore si presentano come una coppia nome=valore con un delimitatore & e 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 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 - 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.

Vedi anche Profili immagine.

dm-settings-smart-crop

Modifica 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 mediante comandi immagine aggiuntivi. 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 : 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. Tutti i valori DPR di Adobe Experience Manager 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 per contenuti 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 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

È possibile modificare quanto segue Generale impostazioni 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 - 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 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.
  • 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.

panoramica-media-viewer-preset

Puoi modificare la seguente impostazione selezionando Configura nel componente.

  • Predefinito visualizzatore - Selezionate un visualizzatore esistente dal menu 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 Gestione dei predefiniti per i visualizzatori.

Componente per contenuti video 360 video-media-component

Utilizza il Contenuti video 360 componente per il rendering di video equirettangolari sulla 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

Puoi modificare la seguente impostazione selezionando Configura nel componente.

  • Predefinito visualizzatore - Selezionate un visualizzatore esistente dal menu 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. Assicurati di pubblicare i predefiniti visualizzatore prima di utilizzarli. Consulta Gestione dei predefiniti per i visualizzatori.

Utilizzo di 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
19ffd973-7af2-44d0-84b5-d547b0dffee2