Aggiungere Dynamic Medie Assets alle pagine adding-dynamic-media-assets-to-pages
Per aggiungere la funzionalità Dynamic Medie alle risorse utilizzate nei siti Web, puoi aggiungere il componente Dynamic Medie, File multimediali interattivi, File multimediali panoramici o File multimediali video 360 direttamente sulla pagina. Si entra in modalità Layout e si attivano i componenti Dynamic Medie. Quindi aggiungi questi componenti alla pagina e le 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 risorse Dynamic Medie 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, vedere distribuzione di immagini ottimizzate in un sito dinamico.
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.
Per aggiungere un componente Dynamic Medie a una pagina:
-
In Experience Manager, aprire la pagina in cui si desidera aggiungere il componente Dynamic Medie.
-
Nel riquadro a sinistra, seleziona l'icona Componenti, quindi applica il filtro Dynamic Medie.
Se non è disponibile alcun elenco di componenti di Dynamic Medie, è probabile che sia necessario abilitare i componenti di Dynamic Medie che si desidera utilizzare. Vedere Abilitare i componenti di Dynamic Medie.
-
Trascina un componente Dynamic Medie e rilascialo nella posizione desiderata sulla pagina.
-
Passa il puntatore direttamente sul componente. Quando il componente è circondato da una casella blu, seleziona una volta per visualizzare la barra degli strumenti del componente. Seleziona l'icona Configurazione (chiave inglese).
-
A seconda del componente Dynamic Medie rilasciato sulla pagina, viene visualizzata una finestra di dialogo di configurazione. Impostare le opzioni del componente in base alle esigenze.
Nell'esempio seguente viene visualizzata la finestra di dialogo del componente Video 360 Media di Dynamic Medie e le opzioni disponibili nell'elenco a discesa Predefinito visualizzatore.
Il componente multimediale Dynamic Medie Video 360.
-
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 di Dynamic Medie da aggiungere a una pagina, probabilmente dovrai abilitare i componenti da utilizzare.
-
In Experience Manager, aprire la pagina in cui si desidera aggiungere il componente Dynamic Medie.
-
A sinistra della barra degli strumenti, nella parte superiore della pagina, selezionare l'icona Informazioni pagina, quindi selezionare Modifica modello dall'elenco a discesa.
-
Nella parte destra della barra degli strumenti, nella parte superiore della pagina, selezionare Struttura dall'elenco a discesa.
-
Nella parte inferiore della pagina, seleziona Contenitore di layout per aprire la barra degli strumenti, quindi fai clic sull'icona Criterio.
-
Nella pagina Contenitore di layout, sotto l'intestazione Proprietà, assicurati che la scheda Componenti consentiti sia selezionata.
-
Scorri fino a visualizzare Dynamic Medie.
-
Seleziona l'icona > a sinistra di Dynamic Medie, quindi seleziona i componenti Dynamic Medie che desideri abilitare.
-
Selezionare l'icona Fine (segno di spunta) nell'angolo superiore destro della pagina Contenitore di layout.
-
Nella parte destra della barra degli strumenti, nella parte superiore della pagina, selezionare Contenuto iniziale dall'elenco a discesa.
-
Aggiungere normalmente un componente Dynamic Medie a una pagina.
Localizzare i componenti 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.
-
Dal selettore del sito, seleziona la pagina o il gruppo di pagine desiderato. Selezionare Proprietà e la scheda Avanzate. Scegli la lingua desiderata per la localizzazione.
note note NOTE Non tutte le lingue disponibili nel menu Lingua dispongono di token attualmente assegnati.
Componenti Dynamic Medie disponibili dynamic-media-components
I componenti Dynamic Medie sono disponibili quando si seleziona l'icona Componenti, quindi si applica il filtro a 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: da utilizzare per qualsiasi risorsa interattiva, ad esempio video interattivo, immagini interattive o set carosello.
- Elemento multimediale panoramico: da utilizzare per immagini panoramiche o immagini panoramiche VR.
- Video 360 Media - Utilizza per risorse video 360 e 360 VR.
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 dello schermo. Tutti i visualizzatori sono visualizzatori HTML5.
- Più istanze del componente Dynamic Medie in uso sulla stessa pagina.
- Ogni istanza utilizza lo stesso tipo di risorsa.
Quando aggiungi il componente Dynamic Medie e Impostazioni Dynamic Medie è vuoto o non puoi aggiungere una risorsa correttamente, verifica che:
- L'immagine ha un file tiff piramidale. Le immagini importate prima dell'attivazione di 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.
Puoi modificare le seguenti impostazioni di Dynamic Medie selezionando l'icona Modifica nel componente e quindi Impostazioni Dynamic Medie.
-
Predefinito visualizzatore - Seleziona un predefinito visualizzatore esistente dall'elenco a discesa. Se il predefinito visualizzatore che stai cercando non è visibile, devi renderlo visibile. Consulta Gestione dei predefiniti per i visualizzatori. 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 anche predefiniti visualizzatore rilevanti solo per il visualizzatore.
-
Modificatori visualizzatore - I modificatori 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 al video. -
Predefinito immagine - Seleziona un predefinito immagine esistente dall'elenco a discesa. Se il predefinito immagine che state cercando non è visibile, dovete renderlo visibile. Consulta Gestione predefiniti immagine. 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 fornendo ulteriori comandi immagine. Questi comandi sono descritti in Predefiniti immagine e nella Guida di riferimento per i comandi 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 in un sito reattivo, devi aggiungere i punti di interruzione immagine. I punti di interruzione delle immagini devono essere 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).
L'opzione Ottimizza per dispositivi ad alta risoluzione viene visualizzata solo quando si verifica quanto segue:
- In Tipo di predefinito, è selezionato Predefinito immagine e RESS_IP è selezionato dall'elenco a discesa Predefinito immagine.
Vedi anche Informazioni sull'ottimizzazione delle proporzioni pixel del dispositivo.
Tutti i valori DPR di Dynamic Medie Smart Imaging Experience Manager 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 - Puoi 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 - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.
-
Altezza - Inserisci il valore in pixel se vuoi 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.
Puoi modificare le seguenti impostazioni di Dynamic Medie selezionando Modifica nel componente.
-
Predefinito visualizzatore - Seleziona un predefinito visualizzatore video esistente dall'elenco a discesa. Se il predefinito visualizzatore che stai cercando non è visibile, devi renderlo visibile. Consulta Gestione dei predefiniti per i visualizzatori.
-
Modificatori visualizzatore - I modificatori visualizzatore assumono la forma di
name=valuecoppia con un delimitatore&. 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,1Con i modificatori del visualizzatore è possibile, ad esempio, 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 - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.
-
Altezza - Inserisci il valore in pixel se vuoi 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 Utilizzare il ritaglio avanzato con Experience Manager Assets Dynamic Medie
Vedi anche Profili immagine.
È possibile modificare la seguente impostazione di Dynamic Medie selezionando Modifica nel componente.
-
Modificatori immagine - È possibile applicare effetti immagine fornendo ulteriori comandi immagine. Questi comandi sono descritti in Predefiniti immagine e nella Guida di riferimento per i comandi 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 - Selezionare questa opzione per consentire a Dynamic Medie di scegliere una rappresentazione con 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).
L'opzione Ottimizza per dispositivi ad alta risoluzione viene visualizzata solo quando si verifica quanto segue:
- In Tipo di predefinito, è selezionata l'opzione Ritaglio avanzato.
Vedi anche Informazioni sull'ottimizzazione delle proporzioni pixel del dispositivo.
Tutti i valori DPR di Dynamic Medie Smart Imaging Experience Manager vengono ignorati.
-
Titolo - Modifica il titolo dell'immagine di ritaglio avanzato.
-
Testo alt - Aggiungi un titolo all'immagine di ritaglio avanzato per gli utenti con la grafica disattivata.
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 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 - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.
-
Altezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.
Componente: File multimediali interattivi interactive-media-component
Il componente Contenuti multimediali interattivi è destinato alle risorse che presentano interattività, come punti attivi o mappe immagine. Se disponi di un'immagine interattiva, di un video interattivo o di un banner a carosello, utilizza il componente File multimediali interattivi.
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 dello schermo. Tutti i visualizzatori sono visualizzatori HTML5.
- Più istanze del componente File multimediali interattivi utilizzate nella stessa pagina.
- Ogni istanza utilizza lo stesso tipo di risorsa.
Puoi modificare le seguenti impostazioni di Generali selezionando Modifica nel componente.
-
Predefinito visualizzatore - Seleziona un predefinito visualizzatore esistente dall'elenco 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 - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.
-
Altezza - Inserisci il valore in pixel se vuoi che l'immagine abbia una dimensione fissa. Se questo valore viene lasciato vuoto, la risorsa diventa adattiva.
Puoi modificare le seguenti impostazioni di Aggiungi al carrello 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° 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.
- Taggato con le parole chiave
equirectangularo (spherical+panorama) o (spherical+panoramic). Vedi 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.
- Più istanze del componente Elemento multimediale panoramico in uso sulla stessa pagina.
- Ogni istanza utilizza lo stesso tipo di risorsa.
È possibile modificare l'impostazione seguente selezionando Configura nel componente.
- Predefinito visualizzatore - Seleziona un visualizzatore esistente dall'elenco a discesa Predefinito visualizzatore.
Se il predefinito visualizzatore che stai cercando non è visibile, controlla che sia pubblicato. predefiniti visualizzatore Publish prima di utilizzarli. Vedere Gestione predefiniti visualizzatore.
Component: video 360 media video-media-component
Utilizza il componente Video 360 Media per eseguire il rendering di video equirettangolari nella pagina Web. In questo modo si garantisce un'esperienza visiva 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.
È possibile modificare l'impostazione seguente selezionando Configura nel componente.
- Predefinito visualizzatore - Seleziona un visualizzatore esistente dall'elenco 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. predefiniti visualizzatore Publish prima di utilizzarli. Vedere Gestione predefiniti visualizzatore.
Usa 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.