Aggiunta di risorse Dynamic Media alle pagine

Per aggiungere la funzionalità Dynamic Media alle risorse utilizzate sui siti web, puoi aggiungere il componente Dynamic Media o File multimediali interattivi direttamente sulla pagina. A tale scopo, accedi alla modalità Progettazione e attiva i componenti Dynamic Media. Quindi, potrai aggiungere questi componenti alla pagina e fornire così risorse al componente. I componenti Dynamic Media e per contenuti multimediali interattivi sono intelligenti: sanno se aggiungi un’immagine o un video e le opzioni disponibili cambiano di conseguenza.

Se utilizzi AEM come WCM, puoi aggiungere direttamente alla pagina le risorse Dynamic Media.

NOTA

Per i banner a carosello sono disponibili mappe immagine pronte all'uso.

Aggiunta di un componente Dynamic Media a una pagina

Aggiungere un componente Dynamic Media o File multimediali interattivi a una pagina equivale ad aggiungere un componente a qualsiasi pagina. I componenti Dynamic Media e File multimediali interattivi sono descritti in dettaglio nelle sezioni seguenti.

Per aggiungere un componente/visualizzatore elementi multimediali dinamici a una pagina:

  1. In AEM, apri la pagina in cui desideri aggiungere il Componente elementi multimediali dinamici.

  2. Se non è disponibile alcun componente Dynamic Media, fai clic sul righello nella barra laterale Sidekick per accedere alla modalità Progettazione, fai clic su Modifica parsys, quindi seleziona Dynamic Media per rendere disponibili i componenti Dynamic Media.

    NOTA

    Per ulteriori informazioni, consulta Configurazione dei componenti in modalità Progettazione.

  3. Torna alla modalità Modifica facendo clic sull'icona a forma di matita nella barra laterale a sinistra.

  4. Trascina il componente Dynamic Media o File multimediali interattivi dal gruppo Altro nella barra laterale sulla pagina nella posizione desiderata.

  5. Fai clic su Modifica per aprire il componente.

  6. 🔗Se necessario, modifica il componente, quindi fai clic su OK per salvare le modifiche.

Componente elementi multimediali dinamici

Dynamic Media e Interactive Media sono disponibili in Sidekickunder Dynamic Media. Puoi utilizzare un componente File multimediali interattivi per tutte le risorse interattive, come per esempio video, immagini interattive o inserzioni carosello. Per tutti gli altri componenti Dynamic Media, utilizza il componente Dynamic Media .

chlimage_1-71

NOTA

Questi componenti non sono disponibili per impostazione predefinita e devono essere selezionati nella modalità di progettazione prima dell’uso. Una volta resi disponibili in modalità Progettazione, potrai aggiungere i componenti sulla tua pagina con lo stesso procedimento da usare per qualsiasi altro componente AEM.

Componente elementi multimediali dinamici

Il componente Dynamic Media è intelligente: a seconda 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. In altre parole, le dimensioni dello schermo cambiano automaticamente in base alle dimensioni dello schermo. Tutti i visualizzatori sono visualizzatori basati su HTML5.

NOTA

Quando aggiungi il componente Dynamic Media e Impostazioni Dynamic Media è vuoto o non puoi aggiungere correttamente una risorsa, controlla quanto segue:

  • È stato abilitato Elemento multimediale dinamico. Dynamic Media è disattivato per impostazione predefinita.
  • 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 Dynamic Media consente di aggiungere immagini dinamiche, compresi 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.

È possibile anche configurare il predefinito visualizzatore, il predefinito immagine o il formato immagine direttamente nel componente. Per rendere un'immagine reattiva è possibile impostare i punti di interruzione o applicare un predefinito immagine reattiva.

chlimage_1-72

Per modificare le seguenti impostazioni di Dynamic Media, fai clic su Modifica nel componente, quindi fai clic sulla scheda Impostazioni Dynamic Media .

chlimage_1-73

NOTA

Per impostazione predefinita, il componente immagine Dynamic Media è adattivo. Se desideri impostarne una dimensione fissa, impostala nel componente nella scheda Avanzate con le proprietà Larghezza e Altezza .

Predefinito visualizzatore : seleziona un predefinito visualizzatore esistente dal menu a discesa. Se il predefinito per visualizzatori che cerchi non è visibile, potrebbe essere necessario renderlo visibile. Consulta Gestione dei predefiniti per visualizzatori. Non è possibile selezionare un predefinito per visualizzatori se si utilizza un predefinito per immagini, e viceversa.

Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi. Anche i predefiniti visualizzatore visualizzati sono intelligenti: vengono visualizzati solo i predefiniti visualizzatore pertinenti.

Preimpostazione immagine : seleziona un predefinito immagine esistente dal menu a discesa. Se il predefinito per immagini che cerchi non è visibile, potrebbe essere necessario renderlo visibile. Consulta Gestione dei predefiniti per immagini. Non è possibile selezionare un predefinito per visualizzatori se si utilizza un predefinito per immagini, 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 modificare gli effetti immagine fornendo ulteriori comandi immagine. Questi sono descritti in Gestione dei predefiniti immagine e nel riferimento Comando.

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 pagina. I punti di interruzione 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.

Puoi modificare le seguenti Impostazioni avanzate facendo clic su Modifica nel componente.

Titolo - Consente di 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 da per aprire un collegamento. Impostare l' URL e Apri in per indicare se si desidera aprire 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 e altezza : immetti il valore in pixel se vuoi che l’immagine sia di dimensioni fisse. Lasciando vuoti questi valori, la risorsa viene resa adattiva.

Quando si lavora con un video

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

chlimage_1-74

Per modificare le seguenti Impostazioni Dynamic Media, fai clic su 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 scheda Larghezza e Altezza nella scheda Avanzate .

Predefinito visualizzatore : seleziona un predefinito visualizzatore video esistente dal menu a discesa. Se il predefinito per visualizzatori che cerchi non è visibile, potrebbe essere necessario renderlo visibile. Consulta Gestione dei predefiniti per visualizzatori.

È possibile modificare le seguenti impostazioni Avanzate facendo clic su Modifica nel componente.

Titolo - Modifica il titolo del video.

Larghezza e altezza : immetti il valore in pixel se vuoi che il video sia di dimensioni fisse. Se questi valori vengono lasciati vuoti, la risorsa sarà adattiva.

Modalità di distribuzione video sicura

In AEM 6.2, quando installi FP-13480 è possibile controllare se un video viene distribuito tramite una connessione SSL sicura (HTTPS) o una connessione non sicura (HTTP). Per impostazione predefinita, il protocollo di distribuzione video viene ereditato automaticamente dal protocollo della pagina web in cui è stato incorporato. Se la pagina web viene caricata tramite HTTPS, anche il video viene trasmesso tramite HTTPS. Viceversa, se la pagina web è su HTTP, il video viene trasmesso tramite HTTP. Nella maggior parte dei casi, questo funzionamento predefinito è corretto e non è necessario apportare modifiche alla configurazione. Tuttavia, è possibile scavalcare questa impostazione predefinita aggiungendo VideoPlayer.ssl=on alla fine di un percorso URL o all'elenco degli altri parametri di configurazione del visualizzatore da incorporare nello snippet di codice, per forzare la distribuzione video sicura.

Per ulteriori informazioni sulla distribuzione video sicura e su come usare l'attributo di configurazione VideoPlayer.ssl nel vostro percorso URL, consultare Distribuzione video sicura nella Guida di riferimento per i visualizzatori. Oltre al visualizzatore video, la distribuzione video sicura è disponibile per il visualizzatore di file multimediali diversi e per il visualizzatore di video interattivi.

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: a seconda che si aggiunga un’immagine o un video, sono disponibili diverse opzioni. Inoltre, il visualizzatore è reattivo. In altre parole, le dimensioni dello schermo cambiano automaticamente in base alle dimensioni dello schermo. Tutti i visualizzatori sono visualizzatori basati su HTML5.

chlimage_1-75

È possibile modificare le seguenti impostazioni Generali, facendo clic su Modifica nel componente.

Predefinito visualizzatore : seleziona un predefinito visualizzatore esistente dal menu a discesa. Se il predefinito per visualizzatori che cerchi non è visibile, potrebbe essere necessario 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 e altezza : immetti il valore in pixel se vuoi che il video sia di dimensioni fisse. Se questi valori vengono lasciati vuoti, la risorsa sarà adattiva.

È possibile modificare le seguenti impostazioni Aggiungi al carrello, facendo clic su 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 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.

In questa pagina

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now