Show Menu
ARGOMENTI×

Aggiunta di funzioni 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 per schermi e stampe Web, mobili, e-mail e connessi a Internet.
Potete visualizzare le risorse AEM pubblicate in Dynamic Media Classic in diversi visualizzatori:
  • Zoom
  • A comparsa
  • Video
  • Modello immagini
  • Immagine
Potete pubblicare risorse digitali direttamente da AEM ad Dynamic Media Classic e pubblicare risorse digitali da Dynamic Media Classic ad AEM.
Questo documento descrive come pubblicare risorse digitali da AEM ad Dynamic Media Classic e viceversa. Sono inoltre descritti nel dettaglio i visualizzatori. Per informazioni sulla configurazione di AEM per Dynamic Media Classic, consultate Integrazione di Dynamic Media Classic con AEM .
Consulta anche Aggiunta di mappe immagine .
For more information on using video components with AEM, see Video .
If Dynamic Media Classic assets do not display properly, make sure that Dynamic media is disabled and then refresh the page.

Pubblicazione manuale in Dynamic Media Classic dalle risorse

Potete pubblicare risorse digitali in Dynamic Media Classic come segue:
AEM viene pubblicato in Dynamic Media Classic in modo asincrono. After you click Publish , it may take several seconds for your asset to publish to Dynamic Media Classic.

Componenti Dynamic Media Classic

In AEM sono disponibili i seguenti componenti Dynamic Media Classic:
  • Zoom
  • Zoom a comparsa
  • Modello immagini
  • Immagine
  • Video
These components are not available by default and need to be selected in Design mode before using.
After they are made available in Design mode, you can add the components to your page like any other AEM component. Le risorse non ancora pubblicate in Dynamic Media Classic vengono pubblicate in Dynamic Media Classic se si trovano in una cartella sincronizzata o su una pagina o con una configurazione cloud Dynamic Media Classic.
If you are creating and developing custom viewers and using the Content Finder, you need to explicity add the allowfullscreen parameter.

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 Flash.
Per ulteriori informazioni su questa importante modifica, consulta le domande frequenti sulla terminazione dei visualizzatori Flash .

Adding a Dynamic Media Classic component (Scene7) to a page

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 dettagliatamente nelle sezioni seguenti.
Aggiunta di un componente Dynamic Media Classic (Scene7) a una pagina
  1. In AEM, aprite la pagina in cui desiderate aggiungere il componente Dynamic Media Classic (Scene7).
  2. Se non sono disponibili componenti Dynamic Media Classic, fate clic su Modalità progettazione , toccate un componente con bordo blu, toccate l'icona Elemento padre e quindi l'icona Configurazione . In Parsys (Design) , selezionate tutti i componenti Dynamic Media Classic per renderli disponibili e fate clic su OK.
  3. Fate clic su Modifica per tornare alla modalità Modifica .
  4. Trascinate un componente dal gruppo Dynamic Media Classic nella barra laterale sulla pagina nella posizione desiderata.
  5. Click the Configuration icon to open the component.
  6. Se necessario, modifica il componente, quindi fai clic su OK per salvare le modifiche.
  7. Trascinate l’immagine o il video dal browser del contenuto al componente Dynamic Media Classic aggiunto alla pagina.
    Solo nell’interfaccia touch, è necessario 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 la scelta della risorsa non sono supportate.

Adding interactive viewing experiences to a responsive site

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.
Per aggiungere un'esperienza di visualizzazione interattiva a un sito reattivo
  1. Log in to AEM, and ensure that you have configured Adobe Dynamic Media Classic Cloud Services and that Dynamic Media Classic components are available.
    Se i componenti di Dynamic Media Classic non sono disponibili, accertatevi di attivarli in modalità Progettazione.
  2. In a website with the Dynamic Media Classic components enabled, drag an Image component to the page.
  3. Selezionate il componente e toccate l’icona di configurazione.
  4. Nella scheda Impostazioni ​Dynamic Media Classic, regolare i punti di interruzione.
  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

Although configuration options vary, the following are common to all Dynamic Media Classic components:
  • Riferimento file - 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 dell’URL. In questo campo non è possibile aggiungere parametri e comandi URL di Dynamic Media Classic. che devono essere aggiunti attraverso la funzionalità corrispondente nel componente.
  • Larghezza - Consente di impostare la larghezza.
  • Altezza - Consente di impostare l'altezza.
You set these configuration options by opening (double-clicking) a Dynamic Media Classic component, for example, when you open a Zoom component:

Zoom

The HTML5 Zoom component displays a larger image when you press the + button.
La risorsa dispone di strumenti di zoom nella parte inferiore. Toccate + per ingrandire. Toccate per ridurre. Tapping the x or the reset zoom arrow brings the image back to the original size it was imported as. Toccate le frecce diagonali per visualizzarle a schermo intero. Tap Edit to configure the component. With this component, you can configure settings common to all Dynamic Media Classic components .

A comparsa

In the HTML5 Flyout component, the asset is shown as split screen; left the asset in the specified size; right the zoom portion is displayed. Tap Edit to configure the component. With this component, you can configure settings common to all Dynamic Media Classic components .
If your Flyout component uses a custom size, then that custom size is used and responsive setup of the component is disabled.
If your Flyout component uses the default size, as set in the Design View , then the default size is used and the component stretches to accomodate the page layout size with responsive setup of the component enabled. Tuttavia, tenete presente che esiste un limite alla configurazione reattiva del componente. When the you use the Flyout component with responsive setup, you should not use it with full page stretch. Otherwise, the Flyout may extend beyond the page's right border.

Immagine

Il componente Immagine classica di Dynamic Media consente di aggiungere alle immagini funzionalità di Dynamic Media Classic, ad esempio modificatori Dynamic Media Classic, predefiniti per immagini o visualizzatori e nitidezza. Il componente Immagine classica di Dynamic Media è simile ad altri componenti immagine in AEM con funzionalità Dynamic Media Classic speciale. In questo esempio, all’immagine è &op_invert=1 applicato il modificatore URL Dynamic Media Classic.
Titolo, Testo Alt - Nella scheda Avanzate , aggiungere un titolo all’immagine e testo alternativo per gli utenti che hanno disattivato la grafica.
URL, Apri in - Puoi impostare una risorsa da cui aprire un collegamento. Imposta l’ URL e in Apri in indica se desideri aprirlo nella stessa finestra o in una nuova finestra.
Predefinito visualizzatore - Selezionate un predefinito 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 - Selezionate la configurazione Dynamic Media Classic da usare per recuperare i predefiniti immagine attivi da SPS.
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.
Formato di output - Selezionare 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 - Selezionate 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 - Potete 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

I modelli immagine classici di Dynamic Media sono contenuti Photoshop a più livelli importati in Dynamic Media Classic, dove il contenuto e le proprietà erano 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.
Tap Edit to configure the component. You can configure settings common to all Dynamic Media Classic components as well as other settings described in this section.
Riferimento file, Larghezza, Altezza - Consultate le impostazioni comuni a tutti i componenti di ScDynamic Media Classic7.
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 immagine di Dynamic Media Classic aggiungere un titolo all’immagine e al testo alternativo per gli utenti che hanno disattivato la grafica.
URL, Apri in - Puoi impostare una risorsa da cui aprire un collegamento. Imposta l’URL e in Apri in indica se desideri aprirlo nella stessa finestra o in una nuova finestra.
Pannello parametri - Quando importate un’immagine, i parametri vengono precompilati con le informazioni dell’immagine. Se non vi sono contenuti modificabili dinamicamente, questa finestra è vuota.

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.
Il testo nell’immagine cambia. You can reset the text back to the original value by tapping Reset next to the field.

Modifica del testo in base a un valore personalizzato ClientContext

To link a field to a client context value, tap Select to open the client-context menu, select the client context, and tap OK. In questo esempio, il nome cambia perché è collegato al nome formattato nel profilo.
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.

Componente video

The Dynamic Media Classic Video component (available from the Dynamic Media Classic section of the sidekick) uses device and bandwidth detection to serve the right video to each screen. Questo componente è un lettore video HTML5; è un singolo visualizzatore che può essere usato su più canali.
Può essere usato per set video adattivi, un singolo video MP4 o un singolo video F4V.
See Video for more information on how videos work with Dynamic Media Classic integration. Inoltre, vedete il componente Video di Dynamic Media Classic e il componente Video di base.

Limitazioni note per il componente video

Adobe DAM e WCM mostrano se un video sorgente principale viene caricato. Non mostrano queste risorse proxy:
  • Rappresentazioni codificate di Dynamic Media Classic
  • Set video adattivi Dynamic Media Classic
Quando usate un set video adattivo con il componente video Dynamic Media Classic, dovete ridimensionare il componente per adattarlo alle dimensioni del video.

Browser dei contenuti Dynamic Media Classic

Il browser Dynamic Media Classic consente di visualizzare i contenuti da Dynamic Media Classic direttamente in AEM. To access the content browser, in the Content Finder , select Dynamic Media Classic in the touch-optimized user interface or the S7 icon in the classic user interface. 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 del contenuto di Dynamic Media Classic nel menu a discesa.
  • Le risorse che si trovano nella cartella ad hoc non verranno visualizzate nel browser del contenuto 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.
  • If you do not see Dynamic Media Classic or the S7 icon as an option in the content browser, you need to configure Dynamic Media Classic to work with AEM .
  • Per i video, il browser del contenuto Dynamic Media Classic supporta:
    • Set di video adattivo: contenitore di tutte le rappresentazioni video necessarie per consentirne la riproduzione su diversi tipi di schermi
    • Video MP4 singolo
    • Video F4V singolo

Browsing content in the touch-optimized UI

Potete accedere al browser del contenuto nell’interfaccia touch o classica. Al momento l’interfaccia touch presenta i seguenti limiti:
  • Le risorse FXG e Flash di Dynamic Media Classic non sono supportate.
Sfogliate 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 è stata configurata l'integrazione Dynamic Media Classic/AEM.
  • Il browser dei contenuti di Dynamic Media Classic carica circa 100 risorse e le ordina per nome.
  • Se è impostato un server di anteprima protetto, il browser utilizzerà tale server di anteprima per eseguire il rendering delle miniature e delle risorse.
Inoltre, potete sfogliare le informazioni sulla risoluzione, le dimensioni, i giorni successivi alla modifica e il nome del file passando il puntatore del mouse sulla risorsa nel browser.
  • Per i set video adattivi e i modelli, per le miniature non vengono generate informazioni sulle dimensioni.
  • 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 di risorse AEM, ma quando effettuate 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):
Inserite le parole chiave : potete 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. Toccate Invio dopo aver digitato il termine per trovare la risorsa.
Cartella/percorso - Il nome della cartella visualizzata si basa sulla configurazione selezionata. Per approfondire i livelli inferiori, toccate l’icona della cartella e selezionate una sottocartella, quindi toccate 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.
Tipo di risorsa - Selezionate Dynamic Media Classic per sfogliare il contenuto di Dynamic Media Classic. Questa opzione è disponibile solo se è stato configurato Dynamic Media Classic.
Configurazione - Se hai più di una configurazione Dynamic Media Classic definita in Cloud Services, puoi selezionarla qui. Di conseguenza, la cartella cambierà in base alla configurazione scelta.
Tipo di risorsa - Nel browser Dynamic Media Classic potete filtrare i risultati in modo da includere i 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.
  • 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 la rappresentazione originale (solo *.mp4) e la rappresentazione codificata.
  • Quando eseguite una ricerca in un set video adattivo, dovete cercare nella cartella e in tutte le sottocartelle, ma solo se avete aggiunto una parola chiave alla ricerca. Se non hai aggiunto una parola chiave, AEM non cerca nelle sottocartelle.
Stato pubblicazione: potete filtrare le risorse in base allo stato di pubblicazione: Non pubblicato o Pubblicato. Se non selezionate Stato ​pubblicazione, AEM esegue per impostazione predefinita la ricerca in tutti gli stati di pubblicazione.