Lägga till Dynamic Media Classic-komponenter på sidor adding-scene-features-to-your-page

CAUTION
AEM 6.4 har nått slutet på den utökade supporten och denna dokumentation är inte längre uppdaterad. Mer information finns i teknisk supportperiod. Hitta de versioner som stöds här.

Adobe Dynamic Media Classic är en värdbaserad lösning för att hantera, förbättra, publicera och leverera mediefiler för webben, mobiler, e-post och internetanslutna displayer samt tryck.

Du kan visa AEM resurser som publicerats i Dynamic Media Classic i olika visningsprogram:

  • Zooma
  • Utfällbar
  • Video
  • Bildmall
  • Bild

Du kan publicera digitala resurser direkt från AEM till Dynamic Media Classic och du kan publicera digitala resurser från Dynamic Media Classic till AEM.

I det här dokumentet beskrivs hur du publicerar digitala resurser från AEM till Dynamic Media Classic och vice versa. Visningsprogrammen beskrivs också i detalj. Information om hur du konfigurerar AEM för Dynamic Media Classic finns i Integrera Dynamic Media Classic med AEM.

Se även Lägga till bildscheman.

Mer information om hur du använder videokomponenter med AEM finns i Video.

NOTE
Om Dynamic Media Classic-mediefiler inte visas som de ska kontrollerar du att Dynamic Media inaktiverad och sedan uppdatera sidan.

Publicera manuellt till Dynamic Media Classic från resurser manually-publishing-to-scene-from-assets

Du kan publicera digitala resurser till Dynamic Media Classic på följande sätt:

NOTE
AEM publicerar till Dynamic Media Classic asynkront. När du har klickat Publish kan det ta några sekunder för resursen att publicera till Dynamic Media Classic.

Dynamic Media Classic-komponenter scene-components

Följande Dynamic Media Classic-komponenter finns i AEM:

  • Zooma
  • Utfällbar (zoom)
  • Bildmall
  • Bild
  • Video
NOTE
Dessa komponenter är inte tillgängliga som standard och måste markeras i Design före användning.

När de är tillgängliga i Design kan du lägga till komponenterna på sidan som andra AEM. Resurser som ännu inte har publicerats till Dynamic Media Classic publiceras till Dynamic Media Classic om de ligger i en synkroniserad mapp, på en sida eller med en Dynamic Media Classic molnkonfiguration.

NOTE
Om du skapar och utvecklar anpassade visningsprogram och använder Content Finder måste du lägga till allowfullscreen parameter.

Meddelande om att Flash Viewer har upphört flash-viewers-end-of-life-notice

Från och med den 31 januari 2017 upphörde Adobe Dynamic Media Classic stödet för visningsprogramplattformen Flash.

Lägga till en Dynamic Media Classic-komponent (Scene7) på en sida adding-a-scene-component-to-a-page

Att lägga till en Dynamic Media Classic-komponent (Scene7) på en sida är detsamma som att lägga till en komponent på en sida. Dynamic Media Classic-komponenter beskrivs i detalj i följande avsnitt.

Lägga till en Dynamic Media Classic-komponent (Scene7) på en sida:

  1. Öppna AEM sidan där du vill lägga till Dynamic Media Classic-komponenten (Scene7).

  2. Om det inte finns några Dynamic Media Classic-komponenter tillgängliga klickar du på Design läge, tryck på en komponent med en blå kant, tryck på Parent -ikonen och sedan Configuration ikon. I Parsys (Design) markerar du alla Dynamic Media Classic-komponenter och klickar på OK.

    chlimage_1-224

  3. Klicka Edit för att återgå till Edit läge.

  4. Dra en komponent från Dynamic Media Classic-gruppen i sidosparken till sidan på önskad plats.

  5. Klicka på Configuration -ikonen för att öppna komponenten.

  6. Redigera komponenten efter behov och klicka på OK för att spara ändringar.

  7. Dra bilden eller videon från innehållsläsaren till den Dynamic Media Classic-komponent som du har lagt till på sidan.

    note note
    NOTE
    Endast med pekskärmsgränssnittet måste du dra och släppa bilden eller videon till den Dynamic Media Classic-komponent som du monterade på sidan. Det går inte att markera och redigera Dynamic Media Classic-komponenten och sedan välja resursen.

Lägga till interaktiva tittarupplevelser på en responsiv webbplats adding-interactive-viewing-experiences-to-a-responsive-website

Responsiv design för dina resurser innebär att dina resurser anpassas beroende på var de visas. Med responsiv design kan samma resurser visas effektivt på flera enheter.

Se även Responsiv design för webbsidor.

Lägga till en interaktiv tittarupplevelse på en responsiv webbplats:

  1. Logga in på AEM och kontrollera att du har konfigurerade Adobe Dynamic Media Classic-Cloud Services och att Dynamic Media Classic-komponenterna är tillgängliga.

    note note
    NOTE
    Om Dynamic Media Classic-komponenterna inte är tillgängliga bör du kontrollera att aktivera dem i designläge.
  2. På en webbplats med Dynamic Media Classic aktiverade komponenter, dra och Image till sidan.

  3. Markera komponenten och tryck på konfigurationsikonen.

  4. I Dynamic Media Classic Settings justerar du brytpunkterna.

    chlimage_1-225

  5. Bekräfta att tittarna ändrar storlek rejält och att alla interaktioner är optimerade för datorer, surfplattor och mobiler.

Gemensamma inställningar för alla Dynamic Media Classic-komponenter settings-common-to-all-scene-components

Även om konfigurationsalternativen varierar är följande gemensamma för alla Dynamic Media Classic komponenter:

  • File Reference
    Bläddra till en fil som du vill referera till. Filreferensen visar resurs-URL:en och inte nödvändigtvis den fullständiga Dynamic Media Classic-URL:en inklusive URL-kommandon och -parametrar. Du kan inte lägga till Dynamic Media Classic URL-kommandon och -parametrar i det här fältet. De måste läggas till med motsvarande funktioner i komponenten.
  • Width
    Här kan du ange bredden.
  • Height
    Här kan du ange höjden.

Du anger dessa konfigurationsalternativ genom att öppna (dubbelklicka) en Dynamic Media Classic-komponent, till exempel när du öppnar en Zoom komponent:

chlimage_1-226

Zooma zoom

Zoomkomponenten för HTML5 visar en större bild när du trycker på + -knappen.

Resursen har zoomverktyg längst ned. Tryck + för att förstora. Tryck - för att minska. Tryck på x eller zoompilen återställer bilden till den ursprungliga storlek den importerades som. Tryck på de diagonala pilarna för att göra helskärmsläget. Tryck Edit för att konfigurera komponenten. Med den här komponenten kan du konfigurera gemensamma inställningar för alla Dynamic Media Classic komponenter.

chlimage_1-227

Utfällbar flyout

I HTML5 Flyout komponenten visas resursen som delad skärm, lämnade tillgången i den angivna storleken, till höger visas zoomdelen. Tryck Edit för att konfigurera komponenten. Med den här komponenten kan du konfigurera gemensamma inställningar för alla Dynamic Media Classic-komponenter.

NOTE
Om Flyout -komponenten använder en anpassad storlek, sedan används den anpassade storleken och responsiv konfiguration av komponenten inaktiveras.
Om Flyout -komponenten använder standardstorleken enligt inställningen i Design View används standardstorleken och komponenten töjs för att passa sidlayoutstorleken med responsiv installation av komponenten aktiverad. Tänk dock på att det finns en begränsning för responsiv konfiguration av komponenten. När du använder Flyout -komponent med responsiv konfiguration bör du inte använda den med full sidsträckning. I annat fall visas Flyout kan sträcka sig utanför sidans högra kant.

chlimage_1-228

Bild image

Dynamic Media Classic Image kan du lägga till Dynamic Media Classic-funktioner i dina bilder, t.ex. Dynamic Media Classic-modifierare, bild- eller visningsförinställningar samt skärpa. Dynamic Media Classic Image -komponenten liknar andra bildkomponenter i AEM med speciella Dynamic Media Classic-funktioner. I det här exemplet har bilden Dynamic Media Classic URL-modifieraren, &op_invert=1 används.

chlimage_1-229

  • Title, Alt Text
    I Advanced lägger du till en titel i bilden och alternativ text för användare som har grafik inaktiverad.

  • URL, Open in
    Du kan ställa in en resurs från för att öppna en länk. Ange URL och in Open in ange om du vill att den ska öppnas i samma fönster eller i ett nytt fönster.

chlimage_1-230

  • Viewer preset
    Välj en befintlig visningsförinställning i listrutan. Om den visningsförinställning som du söker efter inte visas kanske du måste göra den synlig. Se Hantera visningsförinställningar. Du kan inte välja en visningsförinställning om du använder en bildförinställning och vice versa.

  • Dynamic Media Classic Configuration
    Markera den Dynamic Media Classic-konfiguration som du vill använda för att hämta aktiva bildförinställningar från SPS.

  • Image preset
    Välj en befintlig bildförinställning i listrutan. Om den bildförinställning du söker inte syns kan du behöva göra den synlig. Se Hantera bildförinställningar. Du kan inte välja en visningsförinställning om du använder en bildförinställning och vice versa.

  • Output Format
    Välj bildens utdataformat, till exempel jpeg. Beroende på vilket utdataformat du väljer kan det finnas ytterligare konfigurationsalternativ. Se Bästa tillvägagångssätt för bildförinställning.

  • Sharpening
    Välj hur du vill öka skärpan i bilden. Skärpa förklaras i detalj i Bästa tillvägagångssätt för bildförinställning och Bästa praxis för skärpa.

  • URL Modifiers
    Du kan ändra bildeffekter genom att ange ytterligare Dynamic Media Classic-bildkommandon. Dessa beskrivs i Bildförinställningar och Kommandoreferens.

  • Breakpoints
    Om webbplatsen är responsiv vill du justera brytpunkterna. Brytpunkter måste avgränsas med kommatecken ( , ).

Bildmall image-template

Dynamic Media Classic-bildmallar är Photoshop-innehåll i lager som importerats till Dynamic Media Classic, där innehåll och egenskaper parametriserades för variabilitet. The Image template kan du importera bilder och ändra texten dynamiskt i AEM. Dessutom kan du konfigurera Image template -komponent för att använda värden från klientkontext, så att varje användare upplever bilden på ett personaliserat sätt.

Tryck Edit för att konfigurera komponenten. Du kan konfigurera gemensamma inställningar för alla Dynamic Media Classic-komponenter samt andra inställningar som beskrivs i det här avsnittet.

chlimage_1-231

  • File Reference, Width, Height
    Se gemensamma inställningar för alla Dynamic Media Classic-komponenter.

    note note
    NOTE
    Dynamic Media Classic URL-kommandon och -parametrar kan inte läggas till direkt i filreferensens URL. De kan bara definieras i komponentens användargränssnitt i Parameter -panelen.
  • Title, Alt Text
    På fliken Dynamic Media Classic Image Template (Bildmall) lägger du till en titel i bilden och alternativ text för användare som har bilder inaktiverade.

  • URL, Open in
    Du kan ställa in en resurs från för att öppna en länk. Ange URL:en och Öppna i anger om du vill att den ska öppnas i samma fönster eller i ett nytt fönster.

chlimage_1-232

  • Parameter Panel
    När du importerar en bild fylls parametrarna i automatiskt med information från bilden. Om det inte finns något innehåll som kan ändras dynamiskt är det här fönstret tomt.

chlimage_1-233

Ändra text dynamiskt changing-text-dynamically

Om du vill ändra texten dynamiskt anger du ny text i fälten och klickar på OK. I det här exemplet Price kostar nu 50 dollar och frakten är 99 cent.

chlimage_1-234

Texten i bilden ändras. Du kan återställa texten till det ursprungliga värdet genom att trycka på Reset bredvid fältet.

chlimage_1-235

Ändra text så att värdet för en klientkontext återspeglas changing-text-to-reflect-the-value-of-a-client-context-value

Om du vill länka ett fält till ett klientkontextvärde trycker du Select för att öppna klientsnabbmenyn, markera klientkontexten och tryck på OK. I det här exemplet ändras namnet baserat på att namnet länkas till det formaterade namnet i profilen.

chlimage_1-236

Texten återspeglar namnet på den inloggade användaren. Du kan återställa texten till det ursprungliga värdet genom att klicka på Reset bredvid fältet.

chlimage_1-237

  1. På sidan med Dynamic Media Classic Image Template komponent, knacka Edit.

  2. I URL anger du den URL som användarna går till när användaren trycker på bilden. I Open in väljer du om du vill att målet ska öppnas (ett nytt fönster eller samma fönster).

    chlimage_1-238

  3. Tryck på OK.

Videokomponent video-component

Dynamic Media Classic Video -komponenten (tillgänglig från Dynamic Media Classic-delen av sidosparken) använder enhets- och bandbreddsidentifiering för att leverera rätt video till varje skärm. Den här komponenten är en videospelare för HTML5. det är ett enda visningsprogram som kan användas över flera kanaler.

Den kan användas för adaptiva videouppsättningar, en enda MP4-video eller en enda F4V-video.

Se Video om du vill ha mer information om hur videofilmer fungerar med Dynamic Media Classic-integrering. Se även Dynamic Media Classic Video-komponenten jämfört med Foundation Video-komponenten.

chlimage_1-239

Kända begränsningar för videokomponenten known-limitations-for-the-video-component

Adobe DAM och WCM visar om en överordnad video har överförts. De visar inte följande proxyresurser:

  • Dynamic Media Classic-kodade renderingar
  • Dynamic Media Classic adaptiva videouppsättningar

När du använder en adaptiv videouppsättning med videokomponenten i Dynamic Media Classic måste du ändra storlek på komponenten så att den passar videofilens mått.

Dynamic Media Classic Content Browser scene-content-browser

Med Dynamic Media Classic innehållsläsare kan du visa innehåll från Dynamic Media Classic direkt i AEM. Om du vill öppna innehållsläsaren går du till Content Finder, markera Dynamic Media Classic i det pekoptimerade användargränssnittet eller S7 -ikonen i det klassiska användargränssnittet. Funktionen är identisk mellan båda användargränssnitten.

Om du har flera konfigurationer visas AEM som standard standardkonfiguration. Du kan välja olika konfigurationer direkt i Dynamic Media Classic innehållsläsare i listrutan.

NOTE
  • Resurser som finns i ad hoc-mappen visas inte i Dynamic Media Classic innehållsläsare.

  • När Säker förhandsvisning är aktiverat, både publicerade och opublicerade resurser på Dynamic Media Classic visas i Dynamic Media Classic innehållsläsare.

  • Om du inte ser Dynamic Media Classic eller S7 som ett alternativ i webbläsaren måste du konfigurera Dynamic Media Classic så att det fungerar med AEM.

  • För video har Dynamic Media Classic Content Browser stöd för:

    • Adaptiva videouppsättningar: behållare för alla videoåtergivningar som behövs för sömlös uppspelning på flera skärmar
    • Enkel MP4-video
    • En F4V-video

Bläddra i det pekoptimerade användargränssnittet browsing-content-in-the-touch-optimized-ui

Du kan öppna innehållsläsaren i det pekoptimerade eller klassiska användargränssnittet. För närvarande har pekoptimeringen följande begränsning:

  • FXG- och Flash-resurser från Dynamic Media Classic stöds inte.

Bläddra bland Dynamic Media Classic-resurser genom att välja Dynamic Media Classic från den tredje listrutan. Dynamic Media Classic visas inte i listan om du inte har konfigurerat Dynamic Media Classic/AEM-integrering.

NOTE
  • Dynamic Media Classic innehållsläsare läser in cirka 100 resurser och sorterar dem efter namn.
  • Om du har en säker förhandsgranskningsserver angiven använder webbläsaren den förhandsvisningsservern för att återge miniatyrer och resurser.

chlimage_1-240

Dessutom kan du bläddra bland upplösningsinformation, storlek, dagar sedan ändringen och filnamn genom att hålla markören över resursen i webbläsaren.

chlimage_1-241

  • För adaptiva videouppsättningar och mallar genereras ingen storleksinformation för miniatyrbilder.
  • För adaptiva videouppsättningar genereras ingen upplösning för miniatyrbilder.

Söka efter Dynamic Media Classic-resurser med innehållsläsaren searching-for-scene-assets-with-the-content-browser

Att söka efter Dynamic Media Classic-resurser liknar att söka efter AEM resurser, förutom att när du söker igenom en fjärrvy av resurserna i Dynamic Media Classic-systemet, i stället för att importera dem direkt till AEM.

Du kan använda det klassiska användargränssnittet eller det pekoptimerade användargränssnittet för att både visa och söka efter resurser. Beroende på gränssnittet är sökningen något annorlunda.

När du söker i något av användargränssnitten kan du filtrera efter följande villkor (visas här i det pekoptimerade användargränssnittet):

  • Enter keywords
    Du kan söka efter resurser efter namn. När du söker efter nyckelord som du anger är det filnamnet börjar med. Om du t.ex. skriver ordet "simning" söker du efter alla resursfilnamn som börjar med de bokstäverna i den ordningen. Var noga med att trycka på Retur när du har skrivit in termen för att hitta resursen.

chlimage_1-242

  • Folder/path
    Namnet på mappen som visas baseras på den konfiguration du har valt. Du kan gå ned till lägre nivåer genom att trycka på mappikonen och välja en undermapp. Tryck sedan på bockmarkeringen för att markera den.

Om du anger ett nyckelord och väljer en mapp söker AEM igenom den mappen och eventuella undermappar. Om du inte anger några nyckelord när du söker efter, kommer endast resurserna i den mappen att visas om du väljer mappen. Inga undermappar kommer att visas.

Som standard söker AEM i den markerade mappen och i alla undermappar.

chlimage_1-243

  • Type of Asset
    Välj Dynamic Media Classic om du vill bläddra i Dynamic Media Classic innehåll. Det här alternativet är bara tillgängligt om Dynamic Media Classic har konfigurerats.

chlimage_1-244

  • Configuration
    Om du har mer än en Dynamic Media Classic-konfiguration definierad i Cloud Servicesväljer du den här. Därför ändras mappen baserat på den konfiguration du har valt.

chlimage_1-245

  • Asset type
    I Dynamic Media Classic webbläsare kan du filtrera resultaten så att de innehåller något av följande: bilder, mallar, videor och anpassningsbara videouppsättningar. Om du inte väljer någon resurstyp söker AEM som standard igenom alla resurstyper.

chlimage_1-246

NOTE
  • I det klassiska användargränssnittet kan du även söka efter Flash och FXG. Filtrering för dessa i det pekoptimerade användargränssnittet stöds för närvarande inte.

  • När du söker efter video söker du efter en enskild återgivning. Resultatet returnerar den ursprungliga återgivningen (endast *.mp4) och den kodade återgivningen.

  • När du söker i en adaptiv videouppsättning söker du i mappen och i alla undermappar, men bara om du har lagt till ett nyckelord i sökningen. Om du inte har lagt till något nyckelord söker AEM inte igenom undermapparna.

  • Publish Status
    Du kan filtrera efter resurser baserat på publiceringsstatus: Unpublished eller Published. Om du inte markerar någon Publish Status AEM söker som standard igenom alla publiceringsstatusar.

chlimage_1-247

recommendation-more-help
4452738f-2bdf-4cd4-9b45-905a69d607ad