Aggiungere componenti Dynamic Media Classic alle pagine

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, assicurati che gli elementi multimediali dinamici siano disattivato e quindi 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 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 Progettazione prima dell'utilizzo.

Una volta resi disponibili in 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 crei e sviluppa visualizzatori personalizzati e utilizzi Content Finder, devi aggiungere esplicitamente la allowfullscreen parametro .

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 visualizzazione dei 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 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 Dynamic Media Classic, fai clic su Progettazione , tocca un componente con un bordo blu e tocca Elemento padre e quindi la Configurazione icona. In Parsys (Progettazione), seleziona tutti i componenti Dynamic Media Classic per renderli disponibili e fai clic su OK.

    chlimage_1-224

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

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

  5. Fai clic sul pulsante 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 utente 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.

Vedi anche Progettazione reattiva per le pagine web.

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

  1. Accedi a AEM e assicurati di Cloud Services Adobe Dynamic Media Classic configurati e che i componenti Dynamic Media Classic sono disponibili.

    NOTA

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

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

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

  4. In Impostazioni 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 Dynamic Media Classic

Anche se le opzioni di configurazione variano, le seguenti sono comuni a tutti Dynamic Media Classic componenti:

  • Riferimento file
    Individuare un file a cui 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 dell’URL. Non è possibile aggiungere comandi e parametri URL 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 una Zoom componente:

chlimage_1-226

Zoom

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

La risorsa dispone di strumenti di zoom nella parte inferiore. Tocca + per ingrandire. Tocca - ridurre. Tocca x oppure la freccia di reimpostazione dello zoom riporta l’immagine 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 impostazioni comuni a tutti Dynamic Media Classic componenti.

chlimage_1-227

A comparsa

In HTML5 A comparsa componente, 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 impostazioni comuni a tutti i componenti Dynamic Media Classic.

NOTA

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

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

chlimage_1-228

Immagine

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

chlimage_1-229

  • Titolo, Testo Alt
    In Avanzate , aggiungi un titolo all’immagine e il 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 per visualizzatori 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.

  • Predefinito immagine
    Seleziona un predefinito per immagini 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 uscita
    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
    Selezionare 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 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

Modelli immagine 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 impostazioni comuni a tutti i componenti Dynamic Media Classic nonché altre impostazioni descritte in questa sezione.

chlimage_1-231

  • Riferimento file, larghezza, altezza
    Consulta le impostazioni comuni a tutti i componenti Dynamic Media Classic.

    NOTA

    I comandi e i parametri 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 , aggiungi un titolo all’immagine e il 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
    Durante l’importazione di un’immagine, i parametri vengono precompilati con le informazioni provenienti dall’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 Reimposta 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 ClientContext, 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. Sulla pagina con Dynamic Media Classic Modello immagini componente, tocca Modifica.

  2. In URL , immetti l’URL a cui gli utenti indirizzano quando l’immagine viene toccata. In Apri in selezionare se si desidera aprire la destinazione (una nuova finestra o una stessa finestra).

    chlimage_1-238

  3. Tocca OK.

Componente video

Dynamic Media Classic Video Il componente (disponibile nella sezione Dynamic Media Classic della barra laterale) utilizza il rilevamento del dispositivo e della larghezza di banda per distribuire il video corretto 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.

Vedi Video per ulteriori informazioni sul funzionamento dei video con l’integrazione Dynamic Media Classic. Inoltre, vedi il componente Video di Dynamic Media Classic e il componente Video di base.

chlimage_1-239

Limitazioni note per il componente video

Adobe DAM e WCM mostrano se è stato caricato un video 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 Dynamic Media Classic

Il browser dei contenuti Dynamic Media Classic consente di visualizzare i contenuti da Dynamic Media Classic direttamente in AEM. Per accedere al browser del contenuto, nella Content Finder, seleziona Dynamic Media Classic nell’interfaccia touch o nella 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 abilitata, le risorse pubblicate e non pubblicate in Dynamic Media Classic vengono visualizzate nel browser dei contenuti di Dynamic Media Classic.
  • Se non vedi Dynamic Media Classic o S7 come opzione nel browser del contenuto, è necessario configurare Dynamic Media Classic per lavorare con AEM.
  • Per i video, il browser dei contenuti 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 supportati.

Sfoglia le risorse 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 di risorse Dynamic Media Classic è simile alla ricerca AEM risorse, ma quando effettui 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
    È possibile 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 Dynamic Media Classic. Questa opzione è disponibile solo se Dynamic Media Classic è stato configurato.

chlimage_1-244

  • Configurazione
    Se hai più di una configurazione Dynamic Media Classic definita in Cloud Services, puoi selezionarlo 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 la cartella e 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 di pubblicazione
    Puoi filtrare le risorse in base allo stato di pubblicazione: Non pubblicato o Pubblicato. Se non selezioni nessuna Stato di pubblicazione, AEM per impostazione predefinita esegue la ricerca in tutti gli stati di pubblicazione.

chlimage_1-247

In questa pagina