Aggiunta di risorse Dynamic Media alle pagine adding-dynamic-media-assets-to-pages
Per aggiungere la funzionalità Dynamic Media alle risorse utilizzate sui siti web, puoi aggiungere la Dynamic Media o File multimediali interattivi direttamente sulla pagina. A tale scopo, entra in modalità Layout e attiva i componenti per contenuti multimediali dinamici. Quindi, potrai aggiungere questi componenti alla pagina e fornire così risorse al componente. I componenti per contenuti multimediali dinamici 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, aggiungi direttamente alla pagina le risorse Dynamic Media. 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.
Aggiunta di un componente Dynamic Media a una pagina adding-a-dynamic-media-component-to-a-page
L’aggiunta di un componente Dynamic Media a una pagina equivale all’aggiunta di un componente a qualsiasi pagina. I componenti Dynamic Media sono descritti in dettaglio nelle sezioni seguenti.
-
In AEM, apri la pagina in cui desideri aggiungere il componente Dynamic Media.
-
Nel pannello a sinistra della pagina (potrebbe essere necessario attivare o disattivare la visualizzazione del pannello laterale), fai clic sul pulsante Componenti icona.
-
Sotto la Componenti nell’elenco a discesa, seleziona Dynamic Media. Se non è disponibile alcun elenco di componenti Dynamic Media, è probabile che sia necessario abilitare i componenti Dynamic Media che si desidera utilizzare. Vedi Abilitazione dei componenti Dynamic Media.
-
Trascina un componente Dynamic Media da utilizzare nella pagina nella posizione desiderata.
-
Passa il puntatore del mouse direttamente sul componente. Quando un componente è circondato da una casella blu, tocca una volta per visualizzare la barra degli strumenti del componente. Tocca Configurazione (chiave inglese).
-
Modificare i componenti se necessario, fai clic sul segno di spunta per salvare le modifiche.
Abilitazione dei componenti Dynamic Media enabling-dynamic-media-components
Se non è disponibile alcun componente Dynamic Media da aggiungere a una pagina, è probabile che sia necessario prima abilitare i componenti da utilizzare.
-
In AEM, apri la pagina in cui desideri aggiungere il componente Dynamic Media.
-
Sul lato sinistro della barra degli strumenti vicino alla parte superiore della pagina, tocca l’icona Informazioni pagina , quindi tocca Modifica modello dall’elenco a discesa.
-
Sul lato destro della barra degli strumenti vicino alla parte superiore della pagina, dall’elenco a discesa tocca Struttura.
-
Nella parte inferiore della pagina, tocca Contenitore di layout per aprire la relativa barra degli strumenti, tocca l’icona Criterio .
-
Sulla Contenitore di layout sotto Proprietà intestazione, assicurati che Componenti consentiti è selezionata.
-
Scorri fino a visualizzare Dynamic Media.
-
Tocca l’icona > a sinistra di Dynamic Media per espandere l’elenco, seleziona i componenti Dynamic Media che desideri abilitare.
-
Vicino all'angolo superiore destro del Contenitore di layout Tocca l’icona Fine (segno di spunta) .
-
Sul lato destro della barra degli strumenti vicino alla parte superiore della pagina, dall’elenco a discesa tocca Contenuto iniziale, quindi aggiungere un componente Dynamic Media a una pagina come al solito.
Localizzazione dei componenti Dynamic Media localizing-dynamic-media-components
Puoi localizzare i componenti Dynamic Media 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, seleziona la pagina o il gruppo di pagine desiderato. Tocca Proprietà e seleziona la Avanzate scheda . Scegli la lingua desiderata per la localizzazione.
note note NOTE Si prega di notare che non tutte le lingue disponibili nella Lingua al momento sono assegnati token.
Componenti Dynamic Media dynamic-media-components
Dynamic Media e Interactive Media sono disponibili nella sezione Dynamic Media scheda in Componenti. Utilizzi le File multimediali interattivi per qualsiasi risorsa interattiva, ad esempio video interattivo, immagini interattive o set carosello. Per tutti gli altri componenti multimediali dinamici, utilizza il componente Dynamic Media .
Componente Dynamic Media dynamic-media-component
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, i visualizzatori basati su immagini come set di immagini, set 360 gradi, 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.
- Hai Dynamic Media abilitato. Dynamic Media è disattivato per impostazione predefinita.
- L'immagine ha un file TIFF piramidale. Le immagini importate prima dell’abilitazione del supporto dinamico non dispongono di un file TIFF piramidale.
Quando si lavora con le immagini when-working-with-images
Il componente Dynamic Media consente di aggiungere immagini dinamiche, compresi set di immagini, set 360 gradi e set di file multimediali diversi. Potete 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 un’immagine reattiva, puoi impostare i punti di interruzione o applicare un predefinito per immagini reattive.
Per modificare le seguenti impostazioni di Dynamic Media, fai clic sul pulsante Modifica nel componente e quindi Impostazioni Dynamic Media.
-
Predefinito visualizzatore
Seleziona un predefinito per visualizzatori dal menu a discesa. Se il predefinito per visualizzatori che stai cercando non è visibile, potrebbe essere necessario renderlo visibile. Consulta Gestione dei predefiniti per visualizzatori . Non puoi selezionare un predefinito per visualizzatori se utilizzi un predefinito per immagini e viceversa.
Questa è l’unica opzione disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi. Anche i predefiniti visualizzatore visualizzati sono intelligenti: vengono visualizzati solo i predefiniti visualizzatore pertinenti. -
Modificatori visualizzatore
I modificatori del visualizzatore assumono la forma di coppia nome=valore con un 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 un file di sottotitoli/sottotitoli codificati al video. -
Predefinito immagine
Seleziona un predefinito per immagini dal menu a discesa. Se il predefinito immagine che cerchi non è visibile, potrebbe essere necessario renderlo visibile. Consulta Gestione dei predefiniti per immagini . Non puoi selezionare un predefinito per visualizzatori se utilizzi un predefinito per immagini 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 comandi immagine aggiuntivi. Questi sono descritti in Predefiniti immagini e nella documentazione di riferimento Image Serving Command.
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 dell’immagine devono essere separati da virgole (,). Questa opzione funziona quando non è definita alcuna altezza o larghezza in un predefinito per immagini.
Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.
Puoi modificare le seguenti Impostazioni avanzate facendo clic su Modifica nel componente. -
Titolo
Modifica il titolo dell’immagine. -
Testo Alt
Aggiungi un titolo all’immagine per gli utenti che hanno disattivato la grafica.
Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi. -
URL, Apri in
Puoi 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 opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi. -
Larghezza e Altezza
Immetti il valore in pixel se desideri che l’immagine sia di dimensioni fisse. Lasciando vuoti questi valori, la risorsa diventa adattiva.
Quando si lavora con i video when-working-with-video
Utilizza il componente Dynamic Media per aggiungere video dinamici alle pagine web. Quando modifichi il componente puoi scegliere di utilizzare un predefinito visualizzatore video per la riproduzione del video sulla pagina.
È necessario modificare le seguenti impostazioni di Dynamic Media facendo clic su Modifica nel componente.
-
Predefinito visualizzatore
Seleziona un predefinito per visualizzatori video dal menu a discesa. Se il predefinito per visualizzatori che stai cercando non è visibile, potrebbe essere necessario renderlo visibile. Consulta Gestione dei predefiniti per visualizzatori . -
Modificatori visualizzatore
I modificatori del visualizzatore assumono la forma di coppia nome=valore con un delimitatore & e consentono di modificare i visualizzatori come descritto nella Guida di riferimento visualizzatori di Adobe. Un esempio di modificatore di visualizzatore è posterimage=img.jpg&caption=text.vtt,1Con i modificatori visualizzatore, ad esempio, puoi effettuare le seguenti operazioni:
- Associare un file di didascalia a un video didascalia.
- Associare un file di navigazione a un video navigazione.
È possibile modificare quanto segue 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. Lasciando vuoti questi valori, diventa adattivo.
Quando si lavora con Smart Crop when-working-with-smart-crop
Utilizza il componente Dynamic Media per aggiungere le risorse immagine ritaglio avanzato alle pagine web. Quando modifichi il componente puoi scegliere di utilizzare un predefinito visualizzatore video per la riproduzione del video sulla pagina.
Vedi anche Profili immagine.
È possibile modificare quanto segue Impostazioni Dynamic Media facendo clic su Modifica nel componente.
- Modificatori immagine
È possibile applicare effetti immagine fornendo comandi immagine aggiuntivi. Questi sono descritti in Predefiniti immagini e nella documentazione di riferimento Image Serving Command.
Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi.
È possibile modificare quanto segue Avanzate impostazioni facendo clic su Modifica nel componente.
-
Titolo
Modifica il titolo dell’immagine Ritaglio avanzato. -
Testo Alt
Aggiungi un titolo all’immagine di ritaglio avanzato per gli utenti che hanno disattivato la grafica.
Questa opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi. -
URL, Apri in
Puoi 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 opzione non è disponibile se visualizzi set di immagini, set 360 gradi o set di file multimediali diversi. -
Altezza e Larghezza
Immetti il valore in pixel se desideri che l’immagine di ritaglio avanzato sia di dimensioni fisse. Lasciando vuoti questi valori, diventa adattivo.
Componente File multimediali interattivi interactive-media-component
Il componente File multimediali interattivi è destinato alle 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 varie opzioni. Inoltre, il visualizzatore è reattivo: le dimensioni dello schermo cambiano automaticamente in base alle dimensioni dello schermo. Tutti i visualizzatori sono visualizzatori HTML5.
È possibile modificare quanto segue Generale impostazioni facendo clic su Modifica nel componente.
-
Predefinito visualizzatore
Seleziona un predefinito per visualizzatori dal menu a discesa. Se il predefinito per visualizzatori che stai cercando 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. Lasciando vuoti questi valori, diventa adattivo.
È possibile modificare quanto segue Aggiungi al carrello impostazioni facendo clic su 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 . Deseleziona il segno di spunta per non visualizzare la risorsa del prodotto. -
Mostra prezzo prodotto
Per impostazione predefinita, questo valore è selezionato. Il prezzo del prodotto mostra il prezzo dell’articolo come definito nel modulo Commerce. Deselezionare il segno di spunta per non visualizzare il prezzo del prodotto. -
Mostra modulo di prodotto
Per impostazione predefinita, questo valore non è selezionato. Il modulo di prodotto include tutte le varianti di prodotto, ad esempio le dimensioni e il colore. Deselezionare il segno di spunta per non visualizzare le varianti di prodotto.
Componente Elemento multimediale panoramico panoramic-media-component
Il componente Elemento multimediale panoramico è per le risorse che sono immagini panoramiche sferiche. Tali immagini offrono un'esperienza di visualizzazione a 360° di una stanza, proprietà, posizione o paesaggio. Affinché un'immagine si qualifichi come panorama sferico, deve avere uno O entrambi i seguenti elementi:
- Rapporto di formato 2:1.
- Etichettate con le parole chiave "equirettangolare" o ("sferico" + "panorama") o ("sferico" + "panoramico"). Vedi Utilizzo dei tag.
Sia le proporzioni che i criteri delle parole chiave si applicano alle risorse panoramiche della pagina dei dettagli delle risorse che il componente WCM "Elemento multimediale panoramico".
Per modificare l’impostazione seguente, tocca Configura nel componente.
- Predefinito visualizzatore
Seleziona un visualizzatore esistente dal menu a discesa Predefinito visualizzatore .
Se il predefinito per visualizzatori che stai cercando non è visibile, assicurati che sia pubblicato. È necessario pubblicare i predefiniti visualizzatore prima di poterli utilizzare. Vedi Gestione dei predefiniti per visualizzatori.
Utilizzo di HTTP/2 per la distribuzione delle risorse Dynamic Media using-http-to-delivery-dynamic-media-assets
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 può ora avvenire tramite HTTP/2, garantendo tempi di risposta e caricamento migliori.
Vedi Distribuzione di contenuti HTTP2 per informazioni complete su come iniziare a utilizzare HTTP/2 con il tuo account Dynamic Media.