Aggiunta di funzionalità di Dynamic Media Classic alla pagina

Adobe Dynamic Media Classic è una soluzione in hosting per la gestione, l’ottimizzazione, la pubblicazione e la distribuzione di risorse multimediali sul web, su dispositivi mobili, e-mail, schermi collegati a Internet e la stampa.

Puoi visualizzare AEM risorse pubblicate in Dynamic Media Classic in diversi visualizzatori:

  • Zoom
  • A comparsa
  • Video
  • Modello immagini
  • Immagine

Puoi pubblicare risorse digitali direttamente da AEM a Dynamic Media Classic e le risorse digitali da Dynamic Media Classic a AEM.

Questo documento descrive come pubblicare risorse digitali da AEM a Dynamic Media Classic e viceversa. Sono inoltre descritti nel dettaglio i visualizzatori. Per informazioni sulla configurazione di AEM per Dynamic Media Classic, consulta Integrazione di Dynamic Media Classic con AEM.

Consulta anche Aggiunta di mappe immagine.

Per ulteriori informazioni sull'utilizzo dei componenti video con AEM, consulta Video.

NOTA

Se le risorse Dynamic Media Classic non vengono visualizzate correttamente, verifica che gli elementi multimediali dinamici siano disabilitati e aggiorna la pagina.

Pubblicazione manuale in Dynamic Media Classic dalle risorse

Puoi pubblicare risorse digitali in Dynamic Media Classic come segue:

NOTA

AEM pubblicato in Dynamic Media Classic in modo asincrono. Dopo aver fatto clic su Pubblica, la pubblicazione della risorsa in Dynamic Media Classic potrebbe richiedere alcuni secondi.

Componenti Dynamic Media Classic

I seguenti componenti di Dynamic Media Classic sono disponibili in AEM:

  • Zoom
  • Zoom a comparsa
  • Modello immagini
  • Immagine
  • Video
NOTA

Questi componenti non sono disponibili per impostazione predefinita e devono essere selezionati in modalità Progettazione prima di utilizzare.

Una volta resi disponibili in modalità Progettazione, puoi aggiungere i componenti alla pagina come qualsiasi altro componente AEM. Le risorse non ancora pubblicate in Dynamic Media Classic vengono pubblicate in Dynamic Media Classic se si trovano in una cartella sincronizzata, in una pagina o con una configurazione cloud di Dynamic Media Classic.

NOTA

Se stai creando e sviluppando visualizzatori personalizzati e utilizzi Content Finder, devi aggiungere esplicitamente il parametro allowfullscreen .

Avviso sulla fine del ciclo di vita dei visualizzatori Flash

A partire dal 31 gennaio 2017, Adobe Dynamic Media Classic ha terminato il supporto per la piattaforma di visualizzatori di Flash.

Per ulteriori informazioni su questa importante modifica, consulta le domande frequenti sulla terminazione dei visualizzatori Flash.

Aggiunta di un componente Dynamic Media Classic (Scene7) a una pagina

L’aggiunta di un componente Dynamic Media Classic (Scene7) a una pagina equivale all’aggiunta di un componente a qualsiasi pagina. I componenti di Dynamic Media Classic sono descritti in dettaglio nelle sezioni seguenti.

Aggiunta di un componente Dynamic Media Classic (Scene7) a una pagina

  1. In AEM, apri la pagina in cui desideri aggiungere il componente Dynamic Media Classic (Scene7).

  2. Se non sono disponibili componenti di Dynamic Media Classic, fai clic su Modalità Progettazione, tocca un componente con bordo blu, tocca l'icona Elemento padre e quindi l'icona Configurazione. In Parsys (Design), seleziona tutti i componenti di Dynamic Media Classic per renderli disponibili e fai clic su OK.

    chlimage_1-224

  3. Fai clic su Modifica per tornare alla modalità Modifica.

  4. Trascina un componente dal gruppo Dynamic Media Classic nella barra laterale sulla pagina nella posizione desiderata.

  5. Fai clic sull'icona Configurazione per aprire il componente.

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

  7. Trascina l’immagine o il video dal browser del contenuto sul componente Dynamic Media Classic aggiunto alla pagina.

    NOTA

    Solo nell’interfaccia touch, devi trascinare l’immagine o il video sul componente Dynamic Media Classic inserito nella pagina. La selezione e la modifica del componente Dynamic Media Classic e quindi la scelta della risorsa non sono supportate.

Aggiunta di esperienze di visualizzazione interattive a un sito reattivo

Una progettazione reattiva per le risorse significa che queste si adattano a seconda di dove vengono visualizzate. Grazie alla progettazione reattivo, le stesse risorse possono essere visualizzate in modo efficace su dispositivi diversi.

Vedere anche Progettazione reattiva per pagine web.

Per aggiungere un’esperienza di visualizzazione interattiva a un sito reattivo

  1. Accedi a AEM e assicurati di aver configurato i Cloud Services Dynamic Media Classic e che i componenti Dynamic Media Classic siano disponibili.

    NOTA

    Se i componenti di Dynamic Media Classic non sono disponibili, assicurati di abilitarli in modalità Progettazione.

  2. In un sito web con i componenti Dynamic Media Classic abilitati, trascina un componente Immagine sulla pagina.

  3. Seleziona il componente e tocca l’icona di configurazione.

  4. Nella scheda Impostazioni di Dynamic Media Classic, regola i punti di interruzione.

    chlimage_1-225

  5. Verifica che i visualizzatori si ridimensionino in modo reattivo e che tutte le interazioni siano ottimizzate per desktop, tablet e dispositivi mobili.

Impostazioni comuni a tutti i componenti di Dynamic Media Classic

Anche se le opzioni di configurazione variano, quanto segue è comune a tutti i componenti Dynamic Media Classic:

  • File di riferimento : consente di individuare il file a cui si desidera fare riferimento. Il riferimento al file mostra l’URL della risorsa e non necessariamente l’URL completo di Dynamic Media Classic, inclusi i comandi e i parametri URL. Non è possibile aggiungere comandi e parametri URL di Dynamic Media Classic in questo campo. che devono essere aggiunti attraverso la funzionalità corrispondente nel componente.
  • Larghezza : consente di impostare la larghezza.
  • Altezza : consente di impostare l’altezza.

Per impostare queste opzioni di configurazione, apri (fai doppio clic) un componente Dynamic Media Classic, ad esempio, quando apri un componente Zoom :

chlimage_1-226

Zoom

Il componente Zoom HTML5 visualizza un’immagine più grande quando si preme il pulsante + .

La risorsa dispone di strumenti di zoom nella parte inferiore. Tocca + per ingrandire. Tocca - per ridurre. Quando si tocca x o la freccia di reimpostazione dello zoom, l'immagine torna alle dimensioni originali in cui era stata importata. Toccare le frecce diagonali per visualizzarle a schermo intero. Tocca Modifica per configurare il componente. Con questo componente, puoi configurare le impostazioni comuni a tutti i componenti Dynamic Media Classic.

chlimage_1-227

A comparsa

Nel componente HTML5 A comparsa, la risorsa viene visualizzata come schermata divisa; ha lasciato la risorsa nella dimensione specificata; a destra viene visualizzata la parte dello zoom. Tocca Modifica per configurare il componente. Con questo componente, puoi configurare le impostazioni comuni a tutti i componenti di Dynamic Media Classic.

NOTA

Se il componente A comparsa utilizza una dimensione personalizzata, questa viene utilizzata e la configurazione reattiva del componente viene disabilitata.

Se il componente A comparsa utilizza le dimensioni predefinite, come impostato in Visualizzazione struttura, viene utilizzata la dimensione predefinita e il componente si estende per adattarsi alle dimensioni del layout di pagina con la configurazione reattiva del componente abilitata. Tieni presente, tuttavia, che esiste un limite alla configurazione reattiva del componente. Quando utilizzi il componente A comparsa con configurazione reattiva, non utilizzarlo con dilatazione pagina completa. In caso contrario, il percorso A comparsa può estendersi oltre il bordo destro della pagina.

chlimage_1-228

Immagine

Il componente Dynamic Media Classic Immagine consente di aggiungere funzionalità di Dynamic Media Classic alle immagini, ad esempio modificatori Dynamic Media Classic, predefiniti per immagini o visualizzatori e nitidezza. Il componente Dynamic Media Classic Immagine è simile ad altri componenti immagine in AEM con funzionalità Dynamic Media Classic speciali. In questo esempio, all’immagine è applicato il modificatore URL Dynamic Media Classic &op_invert=1 .

chlimage_1-229

Titolo, Testo Alt - Nella scheda ​Avanzate , aggiungi un titolo all’immagine e un testo Alt per gli utenti che hanno disattivato la grafica.

URL, Apri in : puoi impostare una risorsa da per aprire un collegamento. Imposta l’URL e in Apri in indica se desideri aprirlo nella stessa finestra o in una nuova finestra.

chlimage_1-230

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.

Configurazione Dynamic Media Classic - Seleziona la configurazione Dynamic Media Classic da utilizzare per recuperare i predefiniti immagine attivi da SPS.

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.

Formato di output - Seleziona il formato di output dell'immagine, ad esempio jpeg. A seconda del formato di output selezionato, è possibile che siano disponibili ulteriori opzioni di configurazione. Consulta Best practice sui predefiniti per immagini.

Nitidezza : seleziona la modalità di nitidezza dell’immagine. La regolazione della nitidezza è descritta in dettaglio in Best practice sui predefiniti per immagini e Best practice sulla nitidezza.

Modificatori URL : è possibile modificare gli effetti immagine fornendo ulteriori comandi immagine di Dynamic Media Classic. Tali situazioni vengono descritte in Predefiniti per immagini e nella Guida ai comandi.

Punti di interruzione - Se il sito web è reattivo, è necessario regolare i punti di interruzione. I punti di interruzione devono essere separati da virgole ( , ).

Modello immagini

I modelli di immagini Dynamic Media Classic sono contenuti Photoshop a più livelli importati in Dynamic Media Classic, dove il contenuto e le proprietà sono stati parametrizzati per la variabilità. Il componente Modello immagini consente di importare immagini e modificare il testo in modo dinamico in AEM. Inoltre, è possibile configurare il componente Modello immagini in modo che utilizzi valori contestuali ClientContext, affinché ogni utente possa avere un’esperienza personalizzata dell’immagine.

Tocca Modifica per configurare il componente. Puoi configurare le impostazioni comuni a tutti i componenti di Dynamic Media Classic e ad altre impostazioni descritte in questa sezione.

chlimage_1-231

Riferimento file, Larghezza, Altezza - Vedi le impostazioni comuni a tutti i componenti ScDynamic Media Classic7.

NOTA

I comandi e i parametri dell’URL di Dynamic Media Classic non possono essere aggiunti direttamente all’URL di riferimento del file. Possono essere definiti solo nell’interfaccia utente del componente del pannello Parametri.

Titolo, Testo Alt : nella scheda Modello immagini di Dynamic Media Classic aggiungete un titolo all’immagine e un testo Alt per gli utenti che hanno disattivato la grafica.

URL, Apri in : puoi impostare una risorsa da per aprire un collegamento. Imposta l’URL e in Apri in indica se desideri aprirlo nella stessa finestra o in una nuova finestra.

chlimage_1-232

Pannello parametri : quando si importa un’immagine, i parametri vengono precompilati con le informazioni dell’immagine. Se non vi sono contenuti modificabili dinamicamente, questa finestra è vuota.

chlimage_1-233

Modifica dinamica del testo

Per modificare il testo in modo dinamico, immetti un nuovo testo nei campi e fai clic su OK. In questo esempio, il Prezzo è ora di $50 e la spedizione è di 99 centesimi.

chlimage_1-234

Il testo nell’immagine cambia. Per ripristinare il testo al valore originale, tocca Ripristina accanto al campo .

chlimage_1-235

Modifica del testo in base a un valore personalizzato ClientContext

Per collegare un campo a un valore di contesto client, tocca Seleziona per aprire il menu di scelta rapida, seleziona il contesto client e tocca OK. In questo esempio, il nome cambia perché è collegato al nome formattato nel profilo.

chlimage_1-236

Il testo si aggiorna con il nome dell’utente attualmente connesso. Per ripristinare il testo al valore originale, fai clic su Ripristina accanto al campo.

chlimage_1-237

  1. Nella pagina con il componente Dynamic Media Classic Modello immagini, tocca Modifica.

  2. Nel campo URL , immetti l’URL a cui gli utenti indirizzano quando l’immagine viene toccata. Nel campo Apri in , seleziona se desideri aprire la destinazione (una nuova finestra o una stessa finestra).

    chlimage_1-238

  3. Tocca OK.

Componente video

Il componente Dynamic Media Classic Video (disponibile dalla sezione Dynamic Media Classic della barra laterale) utilizza il rilevamento del dispositivo e della larghezza di banda per distribuire il video giusto a ogni schermata. Questo componente è un lettore video HTML5; è un singolo visualizzatore che può essere usato su più canali.

Può essere utilizzato per set video adattivi, per un singolo video MP4 o per un singolo video F4V.

Per ulteriori informazioni sul funzionamento dei video con l’integrazione Dynamic Media Classic, consulta Video . Inoltre, vedi il componente Video di Dynamic Media Classic rispetto al componente Video di base.

chlimage_1-239

Limitazioni note per il componente video

Adobe DAM e WCM mostra se viene caricato un video sorgente principale. Non mostrano queste risorse proxy:

  • Rendering codificati in Dynamic Media Classic
  • Set video adattivi Dynamic Media Classic

Quando utilizzi un set di video adattivo con il componente video Dynamic Media Classic, devi ridimensionare il componente per adattarlo alle dimensioni del video.

Browser dei contenuti di Dynamic Media Classic

Il browser dei contenuti di Dynamic Media Classic consente di visualizzare il contenuto da Dynamic Media Classic direttamente in AEM. Per accedere al browser dei contenuti, nell’ Content Finder, seleziona Dynamic Media Classic nell’interfaccia utente touch o l’icona S7 nell’interfaccia utente classica. La funzionalità è identica nelle due interfacce utente.

Se si dispone di più configurazioni, per impostazione predefinita AEM visualizza la configurazione predefinita. Puoi selezionare diverse configurazioni direttamente nel browser dei contenuti di Dynamic Media Classic nel menu a discesa.

NOTA
  • Le risorse che si trovano nella cartella ad-hoc non verranno visualizzate nel browser dei contenuti di Dynamic Media Classic.

  • Quando Anteprima protetta è abilitato, nel browser dei contenuti di Dynamic Media Classic vengono visualizzate sia le risorse pubblicate che quelle non pubblicate in Dynamic Media Classic.

  • Se nel browser dei contenuti non è presente l'opzione Dynamic Media Classic o l'icona S7 , è necessario configurare Dynamic Media Classic per il funzionamento con AEM.

  • Per i video, il browser dei contenuti di Dynamic Media Classic supporta:

  • Set di video adattivo: contenitore di tutte le rappresentazioni video necessarie per consentirne la riproduzione su diversi tipi di schermi

  • Singolo video MP4

  • Singolo video F4V

Esplorazione dei contenuti nell’interfaccia touch

È possibile accedere al browser dei contenuti nell’interfaccia touch o classica. Attualmente l’ottimizzazione touch presenta le seguenti limitazioni:

  • FXG e risorse di Flash da Dynamic Media Classic non sono supportate.

Sfoglia le risorse di Dynamic Media Classic selezionando Dynamic Media Classic dal terzo menu a discesa. Dynamic Media Classic non viene visualizzato nell'elenco se non hai configurato l'integrazione Dynamic Media Classic/AEM.

NOTA
  • Il browser dei contenuti di Dynamic Media Classic carica circa 100 risorse e le ordina per nome.
  • Se hai impostato un server di anteprima sicuro, il browser utilizzerà tale server di anteprima per eseguire il rendering di miniature e risorse.

chlimage_1-240

Inoltre, puoi sfogliare le informazioni sulla risoluzione, le dimensioni, i giorni successivi alla modifica e il nome del file passando il cursore sulla risorsa nel browser.

chlimage_1-241

  • Per i set video adattivi e i modelli, non vengono generate informazioni sulle dimensioni per le miniature.
  • Per i set video adattivi, non viene generata alcuna risoluzione per le miniature.

Ricerca di risorse Dynamic Media Classic con il browser dei contenuti

La ricerca delle risorse di Dynamic Media Classic è simile alla ricerca AEM risorse, ma quando esegui una ricerca viene visualizzata una visualizzazione remota delle risorse nel sistema Dynamic Media Classic, anziché importarle direttamente in AEM.

Per visualizzare e cercare le risorse è possibile utilizzare l’interfaccia touch o classica. A seconda dell’interfaccia, la modalità di ricerca è leggermente diversa.

Durante la ricerca in una qualsiasi delle interfacce utente, è possibile filtrare in base ai seguenti criteri (mostrati qui nell’interfaccia touch):

Immetti le parole chiave : puoi cercare le risorse per nome. Durante la ricerca, immetti le parole chiave con cui inizia il nome del file. Ad esempio, se digiti la parola “nuoto” verranno cercati i nomi dei file delle risorse che iniziano con queste lettere, in questo ordine. Tocca Invio dopo aver digitato il termine per trovare la risorsa.

chlimage_1-242

Cartella/percorso : il nome della cartella visualizzata si basa sulla configurazione selezionata. Per espandere i livelli inferiori, tocca l’icona della cartella e seleziona una sottocartella, quindi tocca il segno di spunta per selezionarla.

Se si immette una parola chiave e si seleziona una cartella, AEM esegue la ricerca in tale cartella e in tutte le relative sottocartelle. Tuttavia, se non si immettono parole chiave durante la ricerca, la selezione della cartella mostrerà solo le risorse in quella cartella, senza includere le sottocartelle.

Per impostazione predefinita, AEM cerca nella cartella selezionata e in tutte le sue sottocartelle.

chlimage_1-243

Tipo di risorsa : seleziona Dynamic Media Classic per sfogliare il contenuto di Dynamic Media Classic. Questa opzione è disponibile solo se è stato configurato Dynamic Media Classic.

chlimage_1-244

Configurazione : se hai definito più di una configurazione Dynamic Media Classic in Cloud Services, puoi selezionarla qui. Di conseguenza, la cartella cambierà in base alla configurazione scelta.

chlimage_1-245

Tipo di risorsa : nel browser Dynamic Media Classic puoi filtrare i risultati per includere uno dei seguenti elementi: immagini, modelli, video e set video adattivi. Se non si seleziona alcun tipo di risorsa, per impostazione predefinita AEM ricerca tutti i tipi di risorsa.

chlimage_1-246

NOTA
  • Nell’interfaccia classica, è anche possibile cercare Flash e FXG. Al momento questi non sono disponibili come filtro di ricerca nell’interfaccia touch.

  • Durante la ricerca di video, si cerca una singola rappresentazione. I risultati restituiscono il rendering originale (solo *.mp4) e il rendering codificato.

  • Durante la ricerca di un set video adattivo, stai cercando nella cartella e in tutte le sottocartelle, ma solo se hai aggiunto una parola chiave alla ricerca. Se non hai aggiunto una parola chiave, AEM non cerca nelle sottocartelle.

Stato pubblicazione : puoi filtrare le risorse in base allo stato della pubblicazione: ​Annulla pubblicazione o pubblicazione. Se non selezioni nessuno stato di pubblicazione, AEM per impostazione predefinita cerca tutti gli stati di pubblicazione.

chlimage_1-247

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