Aggiunta di risorse Dynamic Media alle pagine

Per aggiungere la funzionalità Dynamic Media alle risorse utilizzate sui siti Web, potete aggiungere il componente Dynamic Media o Interactive Media direttamente sulla pagina. A tale scopo, è possibile accedere alla modalità Progettazione e attivare i componenti per contenuti multimediali dinamici. Quindi, potrai aggiungere questi componenti alla pagina e fornire così risorse al componente. I componenti Elemento multimediale dinamico e File multimediali interattivi sono intelligenti: sanno se aggiungi un'immagine o un video e le opzioni disponibili cambiano di conseguenza.

Se utilizzate AEM come WCM, potete aggiungere risorse multimediali dinamiche direttamente alla pagina.

NOTA

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

Aggiunta di un componente Dynamic Media a una pagina

L'aggiunta del componente Dynamic Media o Interactive Media a una pagina equivale all'aggiunta di un componente a qualsiasi pagina. I componenti Dynamic Media e Interactive Media sono descritti dettagliatamente 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, fate clic sul righello nella barra laterale Design per passare alla modalità Design, fate clic su Edit parsys, quindi selezionate Dynamic Media per rendere disponibili i componenti Dynamic Media.

    NOTA

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

  3. Tornate alla modalità Modifica facendo clic sull'icona matita nella barra laterale a3/>.

  4. Trascinate il componente Dynamic Media o Interactive Media 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 dinamici, si consiglia di utilizzare il componente elementi multimediali dinamici.

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 è avanzato: a seconda se aggiungete un’immagine o un video, sono disponibili diverse 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 aggiungete il componente Dynamic Media e Dynamic Media Settings è vuoto oppure non potete aggiungere correttamente una risorsa, verificate quanto segue:

  • È stato abilitato Elemento multimediale dinamico. Dynamic Media è disattivato per impostazione predefinita.
  • L'immagine è in formato TIFF piramidale. Le immagini importate prima dell'attivazione dell’elemento multimediale dinamico non hanno un file TIFF piramidale.

Quando si lavora con le immagini

Il componente Dynamic Media consente di aggiungere immagini dinamiche come 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 Dynamic Media, fare clic su Modifica nel componente, quindi fare clic sulla scheda Dynamic Media Settings.

chlimage_1-73

NOTA

Per impostazione predefinita, il componente immagine Dynamic Media è adattivo. Se si desidera impostare una dimensione fissa, impostare il componente nella scheda Avanzate con le proprietà Larghezza e Altezza.

Predefinito visualizzatore - Selezionate un predefinito 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 per visualizzatori visualizzati sono intelligenti; vengono visualizzati solo i predefiniti per visualizzatori pertinenti.

Predefinito immagine - Selezionate un predefinito per immagini 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 immagini - Per modificare gli effetti immagine, sono disponibili ulteriori comandi immagine. Sono descritte in Gestione dei predefiniti per immagini e 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 in un sito reattivo, devi aggiungere i punti di interruzione di 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.

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

Titolo - Consente di modificare il titolo dell’immagine.

Testo Alt: aggiungete 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 cui aprire un collegamento. Impostare l' URL e Apri in per indicare se si desidera 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 e altezza - Immettete il valore in pixel se desiderate che l’immagine sia di dimensione fissa. Lasciando vuoti questi valori, la risorsa viene resa adattiva.

Durante l'utilizzo di video

Utilizzate 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

È possibile modificare le seguenti Impostazioni Dynamic Media facendo clic su Modifica nel componente.

NOTA

Per impostazione predefinita, il componente video elementi multimediali dinamici è adattivo. Se si desidera impostarne una dimensione fissa, impostarla nel componente con la scheda Larghezza e Altezza nella scheda Avanzate.

Predefinito visualizzatore - Selezionate un predefinito per visualizzatori 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.

Per modificare le seguenti impostazioni Avanzate, fare clic su Modifica nel componente.

Titolo - Consente di cambiare il titolo del video.

Larghezza e altezza - Immettete il valore in pixel se desiderate che il video sia di dimensione fissa. 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 per video, la distribuzione sicura dei video è disponibile per i visualizzatori per file multimediali diversi e per i visualizzatori per 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 Supporto interattivo è elegante. A seconda che sia stata aggiunta 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 - Selezionate un predefinito 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 - Consente di cambiare il titolo del video.

Larghezza e altezza - Immettete il valore in pixel se desiderate che il video sia di dimensione fissa. 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