Show Menu
ARGOMENTI×

Aggiunta di risorse Dynamic Media alle pagine

To add the dynamic media functionality to assets you use on your websites, you can add the Dynamic Media or Interactive Media component directly on the page. A tale scopo, è possibile accedere alla modalità Layout e abilitare 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 utilizzi AEM come WCM, puoi aggiungere risorse multimediali dinamiche direttamente alla pagina. 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 .
È necessario pubblicare le risorse prima di aggiungerle alle pagine in AEM. See Publishing Dynamic Media Assets .

Adding a Dynamic Media component to a page

L’aggiunta di un componente Contenuti multimediali dinamici a una pagina equivale all’aggiunta di un componente a una qualsiasi pagina. I componenti per contenuti multimediali dinamici sono descritti dettagliatamente nelle sezioni seguenti.
Se in una pagina Web è presente un componente Contenuti multimediali dinamici a cui accede un utente con autorizzazioni di sola lettura, il rendering delle interruzioni di pagina e dei componenti non viene eseguito correttamente. Questo perché la pagina viene ricostruita per garantire che le proprietà dei componenti siano buone e che tutte le risorse e le configurazioni di riferimento siano accessibili. Viene quindi eseguito di nuovo il rendering della pagina che causa l’interruzione dei componenti; il relativo codice componente sulla pagina non può essere riprodotto a causa dell’accesso in sola lettura dell’utente.
Per evitare questo problema, accertati che gli utenti di AEM Sites dispongano delle autorizzazioni necessarie per accedere alle risorse.
  1. In AEM, apri la pagina in cui desideri aggiungere il Componente elementi multimediali dinamici.
  2. Nel pannello a sinistra della pagina (potrebbe essere necessario attivare o disattivare la visualizzazione del pannello laterale), fate clic sull’icona Componenti .
  3. Nell’intestazione Componenti , nell’elenco a discesa, selezionate Contenuti multimediali ​dinamici. Se non è disponibile alcun elenco di componenti per contenuti multimediali dinamici, è probabile che sia necessario attivarli. See Enabling Dynamic Media components .
  4. Trascinate sulla pagina un componente Contenuti multimediali dinamici da usare nella posizione desiderata.
  5. Passate il puntatore del mouse direttamente sul componente. Quando il componente è circondato da una casella blu, toccate una volta per visualizzare la barra degli strumenti del componente. Toccate l'icona Configurazione (chiave inglese).
  6. Modificate i componenti secondo necessità e fate clic sul segno di spunta per salvare le modifiche.

Abilitazione di componenti per contenuti multimediali dinamici

Se non è disponibile alcun componente per contenuti multimediali dinamici da aggiungere a una pagina, è probabile che sia necessario prima abilitare i componenti che si desidera utilizzare.
  1. In AEM, apri la pagina in cui desideri aggiungere il Componente elementi multimediali dinamici.
  2. Sul lato sinistro della barra degli strumenti accanto alla parte superiore della pagina, toccate l’icona Informazioni pagina, quindi toccate Modifica modello dall’elenco a discesa.
  3. Sul lato destro della barra degli strumenti accanto alla parte superiore della pagina, toccate Struttura dall’elenco a discesa .
  4. Nella parte inferiore della pagina, toccate Contenitore di layout per aprire la relativa barra degli strumenti, quindi toccate l'icona Criterio.
  5. Nella pagina Contenitore di layout, sotto l'intestazione Proprietà , assicurarsi che la scheda Componenti ​consentiti sia selezionata.
  6. Scorrete fino a visualizzare gli elementi multimediali dinamici.
  7. Toccate l’icona > a sinistra di Contenuti multimediali dinamici per espandere l’elenco, quindi selezionate i componenti Contenuti multimediali dinamici da attivare.
  8. Nell'angolo superiore destro della pagina Contenitore di layout, toccate l'icona Fine (segno di spunta).
  9. Sul lato destro della barra degli strumenti accanto alla parte superiore della pagina, toccate Contenuto ​iniziale dall’elenco a discesa, quindi aggiungete un componente Contenuti multimediali dinamici alla pagina come al solito.

Localizzazione dei componenti per contenuti multimediali dinamici

Potete localizzare i componenti per contenuti multimediali dinamici 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.
  • Dal selettore del sito, selezionate la pagina o il gruppo di pagine desiderato. Toccate Proprietà e selezionate la scheda Avanzate . Scegli la lingua desiderata per la localizzazione.
    Al momento non tutte le lingue disponibili nel menu Lingua dispongono di token.

Dynamic Media components

Contenuti multimediali dinamici e contenuti multimediali interattivi sono disponibili nella scheda Contenuti multimediali dinamici di Componenti. Potete usare il componente Interactive Media] per qualsiasi risorsa interattiva, ad esempio video interattivo, immagini interattive o set di caroselli. Per tutti gli altri componenti dinamici, si consiglia di utilizzare il componente elementi multimediali dinamici.
Questi componenti non sono disponibili per impostazione predefinita e devono essere resi disponibili tramite l’editor modelli prima di utilizzarli. Una volta resi disponibili nell’editor modelli, potete aggiungere i componenti alla pagina come qualsiasi altro componente AEM.

Componente elementi multimediali dinamici

Il componente Contenuti multimediali dinamici è un elemento avanzato, a seconda se aggiungete un’immagine o un video e se disponete di 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 HTML5.
Se è presente un componente per contenuti multimediali dinamici, un componente per contenuti multimediali interattivi o entrambi in una pagina Web a cui accede un utente con autorizzazioni di sola lettura, le interruzioni di pagina e il rendering dei componenti non vengono eseguiti correttamente. Questo perché la pagina viene ricostruita per garantire che le proprietà dei componenti siano buone e che tutte le risorse e le configurazioni di riferimento siano accessibili. Viene quindi eseguito di nuovo il rendering della pagina che causa l’interruzione dei componenti; il relativo codice componente sulla pagina non può essere riprodotto a causa dell’accesso in sola lettura dell’utente.
Per evitare questo problema, accertati che gli utenti di AEM Sites dispongano delle autorizzazioni necessarie per accedere alle risorse.
Quando aggiungi il Componente elementi multimediali dinamici e le Impostazioni elemento multimediale dinamico sono vuote o non è possibile 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'attivazione dell’elemento multimediale dinamico non hanno un file TIFF piramidale.

Quando si lavora con le immagini

Il componente elementi multimediali dinamici consente di aggiungere immagini dinamiche, compresi set di immagini, set di rotazione 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.
You must edit the following Dynamic Media Settings by clicking the Edit icon in the component and then Dynamic Media Settings .
Per impostazione predefinita, il componente immagine Dynamic Media è adattivo. If you want to make it a fixed size, set it in the component in the Advanced tab with the Width and Height settings.
  • Predefinito ​visualizzatore Selezionate un predefinito per visualizzatori 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 sono avanzati: vengono visualizzati solo i predefiniti per visualizzatori pertinenti.
  • I modificatori Visualizzatore visualizzatori hanno la forma di coppia nome=valore con un carattere di delimitazione & e consentono di modificare i visualizzatori come indicato nella guida di riferimento dei 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/sottotitoli codificati al video.
  • 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 di immagini ​Potete applicare effetti immagine fornendo ulteriori comandi immagine. Questi sono descritti nei predefiniti per immagini e nel riferimento al comando Image Server. 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 immagine. 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. You can edit the following Advanced Settings by clicking Edit in the component.
  • Titolo Consente di cambiare il titolo dell’immagine.
  • Testo ​Alt Consente di aggiungere 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 ​Potete impostare una risorsa per aprire un collegamento. Imposta l’URL e in Apri in indica se desideri 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 Immettere il valore in pixel se si desidera che l'immagine sia di dimensione fissa. Lasciando vuoti questi valori, la risorsa viene resa adattiva.

Quando esegui operazioni con i Video

Usate il componente Contenuti multimediali dinamici 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.
You must edit the following Dynamic Media Settings by clicking Edit in the component.
Per impostazione predefinita, il componente video elementi multimediali dinamici è adattivo. If you want to make it a fixed size, set it in the component with the Width and Height in the Advanced tab.
You can edit the following Advanced Settings by clicking Edit in the component.
  • Titolo Consente di cambiare il titolo del video.
  • Larghezza e altezza Immettere il valore in pixel se si desidera che il video sia di dimensioni fisse. Se questi valori vengono lasciati vuoti, la risorsa sarà adattiva.

Quando si lavora con Smart Crop

Usate il componente Contenuti multimediali dinamici per aggiungere le risorse di immagine Ritaglio avanzato alle pagine Web. Quando modifichi il componente puoi scegliere di usare un predefinito visualizzatore video predefinita per la riproduzione del video nella pagina.
Consultate anche Profili immagine .
You can edit the following Dynamic Media Settings by clicking Edit in the component.
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 di immagini ​Potete applicare effetti immagine fornendo ulteriori comandi immagine. Questi sono descritti nei predefiniti per immagini e nel riferimento al comando Image Server. Questa è l'unica opzione disponibile se stai visualizzando set di immagini, set di rotazione o set di file multimediali diversi.
You can edit the following Advanced settings by clicking Edit in the component.
  • Titolo Consente di cambiare il titolo dell’immagine Ritaglio avanzato.
  • Testo ​Alt Consente di aggiungere un titolo all’immagine di ritaglio avanzato 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 ​Potete impostare una risorsa per aprire un collegamento. Imposta l’URL e in Apri in indica se desideri 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.
  • [Height and Width Immettere il valore in pixel se si desidera che l'immagine di ritaglio avanzato sia a dimensione fissa. Se questi valori vengono lasciati vuoti, la risorsa sarà adattiva.

Interactive Media component

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 Contenuti multimediali interattivi è elegante e offre diverse opzioni a seconda che sia stata aggiunta un’immagine o un video. Inoltre, il visualizzatore è reattivo: le dimensioni dello schermo cambiano automaticamente in base alle dimensioni reali dello stesso. Tutti i visualizzatori sono visualizzatori HTML5.
Se è presente un componente per contenuti multimediali dinamici, un componente per contenuti multimediali interattivi o entrambi in una pagina Web a cui accede un utente con autorizzazioni di sola lettura, le interruzioni di pagina e il rendering dei componenti non vengono eseguiti correttamente. Questo perché la pagina viene ricostruita per garantire che le proprietà dei componenti siano buone e che tutte le risorse e le configurazioni di riferimento siano accessibili. Viene quindi eseguito di nuovo il rendering della pagina che causa l’interruzione dei componenti; il relativo codice componente sulla pagina non può essere riprodotto a causa dell’accesso in sola lettura dell’utente.
Per evitare questo problema, accertati che gli utenti di AEM Sites dispongano delle autorizzazioni necessarie per accedere alle risorse.
È possibile modificare le seguenti impostazioni Generali , facendo clic su Modifica nel componente.
  • Predefinito visualizzatore Selezionate un predefinito per visualizzatori 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 Immettere il valore in pixel se si desidera 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.

Componente per contenuti multimediali panoramici

Il componente Contenuti multimediali panoramici è 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 definita come panorama sferico, deve avere una O entrambe le caratteristiche seguenti:
  • Proporzioni di 2:1.
  • Etichettate con le parole chiave "equirettangolare" o ("sferico" + "panorama") o ("sferico" + "panoramico"). Consultate Utilizzo dei tag .
Sia le proporzioni che i criteri delle parole chiave si applicano alle risorse panoramiche per la pagina dei dettagli delle risorse che per il componente WCM "File multimediali panoramici".
Per modificare la seguente impostazione, tocca Configura nel componente.
  • Predefinito visualizzatore Selezionate un visualizzatore esistente dal menu a discesa Predefinito visualizzatore.
Se il predefinito per visualizzatori ricercato non è visibile, accertatevi che sia pubblicato. Per poter usare i predefiniti per visualizzatori, dovete pubblicarli. Consulta Gestione dei predefiniti per visualizzatori .

Utilizzo di HTTP/2 per la distribuzione di risorse multimediali dinamiche

HTTP/2 è il nuovo protocollo Web aggiornato che migliora il modo in cui i browser e i server comunicano. Fornisce un trasferimento più rapido delle informazioni e riduce la quantità di potenza di elaborazione necessaria. La distribuzione delle risorse Dynamic Media ora può avvenire tramite HTTP/2, migliorando la risposta e i tempi di caricamento.
Per informazioni dettagliate sull’utilizzo di HTTP/2 con l’account per contenuti multimediali dinamici, consultate Consegna di contenuti HTTP2 Delivery of Content HTTP2.