Lägga till Dynamic Media-resurser på sidor adding-dynamic-media-assets-to-pages

Om du vill lägga till Dynamic Media-funktionalitet i resurser som du använder på dina webbplatser kan du lägga till Dynamic Media, Interaktiva media, Panoramabilder, eller Video 360 Media direkt på sidan. Du lägger till komponenter genom att öppna layoutläget och aktivera Dynamic Media-komponenterna. Sedan kan du lägga till komponenterna på sidan och lägga till resurser i komponenterna. Dynamic Media-komponenterna är smarta – de känner av om du lägger till en bild eller en video och konfigurationsalternativen ändras i enlighet med detta.

Du lägger till Dynamic Media-resurser direkt på sidan om du använder Adobe Experience Manager som WCM-fil. Om du använder en tredje part för ditt WCM-system, kan du antingen link eller embed dina resurser. Om du har en responsiv webbplats hos en extern leverantör läser du Leverera optimerade bilder till en responsiv webbplats.

NOTE
Se till att du publicerar resurser innan du lägger till dem på sidor i Experience Manager. Se Publicera Dynamic Media-resurser.

Lägga till en Dynamic Media-komponent på en sida adding-a-dynamic-media-component-to-a-page

Att lägga till en 3D-mediekomponent, Dynamic Media, Interactive Media, Panoramic Media, Smart Crop Video eller Video 360 Media på en sida är detsamma som att lägga till en komponent på en sida. Dynamic Media-komponenterna beskrivs i följande avsnitt.

Så här lägger du till en Dynamic Media-komponent på en sida:

  1. Öppna den sida i Experience Manager där du vill lägga till Dynamic Media-komponenten.

  2. På panelen till vänster på sidan (om det behövs växlar du visningen av sidopanelen) väljer du Components -ikon.

  3. Under Components rubrik, i listrutan, välja Dynamic Media.

    Om det inte finns någon lista över Dynamic Media-komponenter måste du aktivera de Dynamic Media-komponenter som du vill använda. Se Aktivera Dynamic Media-komponenter.

    6_5_360video_wcmcomponent

  4. Dra en Dynamic Media som du vill använda och släppa på önskad plats på sidan.

  5. Håll muspekaren direkt på komponenten. När komponenten omges av en blå ruta väljer du en gång för att visa komponentens verktygsfält. Välj Configuration (wrench) -ikon.

    6_5_360video_wcmComponentconfigure

  6. Beroende på vilken Dynamic Media-komponent du släppte på sidan öppnas en konfigurationsdialogruta. Ange komponentens alternativ vid behov.

    I exemplet nedan visas Dynamic Media Video 360 Media och de alternativ som är tillgängliga i listrutan för visningsförinställningar.

    Video 360 Media-komponent

    Dynamic Media Video 360 Media-komponenten.

  7. När du är klar markerar du kryssrutan i dialogrutans övre högra hörn för att spara ändringarna.

Aktivera Dynamic Media-komponenter enabling-dynamic-media-components

Om det inte finns några Dynamic Media-komponenter att lägga till på en sida betyder det troligtvis att du först måste aktivera de komponenter som du vill använda.

Så här aktiverar du Dynamic Media-komponenter:

  1. Öppna den sida i Experience Manager där du vill lägga till Dynamic Media-komponenten.

  2. Till vänster i verktygsfältet uppe på sidan väljer du ikonen Sidinformation och sedan Edit Template i listrutan.

    edit-template

  3. På höger sida av verktygsfältet uppe på sidan väljer du Structure.

    Policy

  4. Långt ned på sidan väljer du Layout Container för att öppna verktygsfältet och sedan välja ikonen Policy.

  5. Layout Container sida, under Properties måste du se till att Allowed Components är markerad.

    Tillåtna komponenter

  6. Rulla tills du ser Dynamic Media.

  7. Välj >-ikonen till vänster om Dynamic Media så att du kan expandera listan och sedan markera de Dynamic Media-komponenter som du vill aktivera.

    Lista över komponenter i Dynamic Media

  8. Nära det övre högra hörnet av Layout Container väljer du ikonen Klar (bockmarkering).

  9. På höger sida av verktygsfältet uppe på sidan väljer du Initial Content sedan lägga till en Dynamic Media-komponent på en sida som vanligt.

Lokalisera Dynamic Media-komponenter localizing-dynamic-media-components

Du kan lokalisera Dynamic Media-komponenter på ett av två sätt:

  • Från en webbsida i Sites öppnar du Properties och väljer fliken Advanced. Välj språk för lokalisering.

    chlimage_1-172

  • Välj önskad sida eller sidgrupp i platsväljaren. Välj Properties och väljer Advanced -fliken. Välj språk för lokalisering.

    note note
    NOTE
    Alla språk finns inte i Language menyn har för närvarande tilldelats variabler.

Dynamic Media Components dynamic-media-components

Dynamic Media-komponenter är tillgängliga när du väljer Components ikon, filtrera sedan på Dynamic Media.

Följande Dynamic Media-komponenter är tillgängliga:

  • Dynamic Media – Används för t.ex. bilder, video, e-kataloger och rotationsuppsättningar.
  • Interactive Media - Använd för interaktiva resurser som interaktiv video, interaktiva bilder eller karuselluppsättningar.
  • Panoramic Media - Används för panoramabilder eller panoramabilder från VR.
  • Video 360 Media - Används för 360-video och 360-VR-videomaterial.
NOTE
De här komponenterna är inte tillgängliga som standard. De måste vara tillgängliga via mallredigeraren innan du kan använda dem. När de är tillgängliga finns de iI mallredigeraren kan du lägga till komponenterna på sidan på samma sätt som andra Experience Manager-komponenter.

6_5_dynamicmediawcmcomponents

Dynamic Media-komponent dynamic-media-component

Dynamic Media-komponenten är smart. Oavsett om du lägger till en bild eller en video har du olika alternativ. Komponenten har stöd för bildförinställningar, bildbaserade visningsprogram som bilduppsättningar, snurra, blandade medieuppsättningar och video. Dessutom är visningsprogrammet responsivt - skärmstorleken ändras automatiskt baserat på skärmstorleken. Alla visningsprogram är HTML5-visningsprogram.

NOTE
Om din webbsida har följande:
  • Flera instanser av Dynamic Media-komponenten som används på samma sida.
  • Varje instans använder samma resurstyp.
Det går inte att tilldela olika visningsprogramförinställningar till varje Dynamic Media-komponent på den sidan.
Du kan dock använda samma visningsförinställning för alla Dynamic Media-komponenter som använder resurser av samma typ på sidan.

När du lägger till Dynamic Media-komponenten och Dynamic Media Settings är tom eller du inte kan lägga till en resurs på rätt sätt, kontrollera följande:

  • Du har aktiverad Dynamic Media. Dynamic Media är inaktiverat som standard.
  • Bilden har en pyramidformad fil. Bilder som du importerar innan du aktiverar Dynamic Media har ingen pyramidtiff-fil.

När du arbetar med bilder when-working-with-images

Med Dynamic Media-komponenten kan du lägga till dynamiska bilder, inklusive bilduppsättningar, snurremsor och blandade medieuppsättningar. Du kan zooma in, zooma ut och, om tillämpligt, vrida en bild i en snurra eller välja en bild från en annan typ av uppsättning.

Du kan också konfigurera visningsförinställningen, bildförinställningen eller bildformatet direkt i komponenten. Om du vill göra en bild responsiv kan du antingen ange brytpunkter eller använda en responsiv bildförinställning.

Redigera följande Dynamic Media-inställningar genom att välja Edit -ikonen i komponenten och sedan Dynamic Media Settings.

dm-settings-image-preset

NOTE
Som standard är Dynamic Media-bildkomponenten adaptiv. Om du vill att den ska ha en fast storlek anger du det i komponenten på fliken Advanced med Width och Height.
  • Viewer preset - Välj en befintlig visningsförinställning i listrutan. Om den visningsförinställning du söker efter inte visas måste du göra den synlig. Se Hantera förinställningar för visningsprogram. Du kan inte välja en visningsförinställning om du använder en bildförinställning och omvänt.

    Det här alternativet är det enda tillgängliga alternativet om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar. De visningsförinställningar som visas är smarta - endast relevanta visningsprogramförinställningar visas.

  • Viewer modifiers - Visningsmodifierare har formen av namn=värde-par med en &-avgränsare och du kan ändra visningsprogram enligt riktlinjerna i referenshandboken för visningsprogrammen. Ett exempel på en visningsmodifierare är posterimage=img.jpg&caption=text.vtt,1 som anger en annan bild för videominiatyrbilden och associerar en undertextningsfil med videon.

  • Image preset - Välj en befintlig bildförinställning i listrutan. Om den bildförinställning du söker inte syns måste du 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 omvänt.

    Det här alternativet är inte tillgängligt om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar.

  • Image Modifiers - Du kan använda bildeffekter genom att ange ytterligare bildkommandon. Dessa effekter beskrivs i Bildförinställningar och i Referens för bildserverkommando.

    Det här alternativet är inte tillgängligt om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar.

  • Breakpoints - Om du använder den här resursen på en responsiv webbplats måste du lägga till bildbrytpunkter. Bildbrytpunkter avgränsas med kommatecken (,). Det här alternativet fungerar när ingen höjd eller bredd har definierats i en bildförinställning.

    Det här alternativet är inte tillgängligt om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar.

    Du kan redigera följande avancerade inställningar genom att välja Edit i komponenten.

  • Optimize for higher resolution devices - Markera (standard) kryssrutan för att tillåta optimering av DPR (Device Pixel Ratio).

    The Optimize for higher resolution devices visas bara när följande är sant:

    • Under Förinställningstyp, Image Preset är markerat och RESS_IP är markerat i Image Preset listruta.

    inställning för enhetens pixelproportioner för bildförinställning

    Se även Om optimering av enhetens pixelproportioner. Alla DPR-värden för Adobe Experience Manager Dynamic Media Smart Imaging ignoreras.

  • Title - Ändra bildens titel.

  • Alt Text - Lägg till en titel i bilden för de användare som har inaktiverat grafik.

    Det här alternativet är inte tillgängligt om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar.

  • URL, Open in - Du kan ange att en resurs ska ö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.

    Det här alternativet är inte tillgängligt om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar.

  • Width - Ange värdet i pixlar om du vill att bilden ska ha en fast storlek. Om värdet lämnas tomt anpassas resursen.

  • Height - Ange värdet i pixlar om du vill att bilden ska ha en fast storlek. Om värdet lämnas tomt anpassas resursen.

När du arbetar med video when-working-with-video

Använd Dynamic Media-komponenten för att lägga till dynamisk video på dina webbsidor. När du redigerar komponenten kan du välja att använda en fördefinierad videovisningsförinställning för att spela upp videon på sidan.

chlimage_1-173

Redigera följande Dynamic Media-inställningar genom att välja Edit i komponenten.

NOTE
Som standard är videokomponenten i Dynamic Media adaptiv. Om du vill ha en fast storlek anger du den i komponenten med Width och Height i Advanced -fliken.
  • Viewer preset - Välj en befintlig förinställning för visningsprogrammet för video i listrutan. Om den visningsförinställning du söker efter inte visas måste du göra den synlig. Se Hantera förinställningar för visningsprogram.

  • Viewer modifiers - Visningsmodifierare har formen av namn=värde-par med en &-avgränsare och du kan ändra visningsprogram enligt riktlinjerna i referenshandboken för Adobe. Ett exempel på en visningsmodifierare är posterimage=img.jpg&caption=text.vtt,1

    Med visningsmodifierare kan du till exempel göra följande:

    • Associera en bildtextfil med en video: bildtext

    • Associera en navigeringsfil med en video: navigering

      Du kan redigera följande avancerade inställningar genom att välja Edit i komponenten.

  • Title - Ändra videons titel.

  • Width - Ange värdet i pixlar om du vill att bilden ska ha en fast storlek. Om värdet lämnas tomt anpassas resursen.

  • Height - Ange värdet i pixlar om du vill att bilden ska ha en fast storlek. Om värdet lämnas tomt anpassas resursen.

När du arbetar med smart beskärning when-working-with-smart-crop

Använd Dynamic Media-komponenten för att lägga till bildresurser för Smart beskärning på dina webbsidor. När du redigerar komponenten kan du välja att använda en fördefinierad videovisningsförinställning för att spela upp videon på sidan.

Se även Bildprofiler.

dm-settings-smart-crop

Redigera följande Dynamic Media-inställning genom att välja Edit i komponenten.

NOTE
Som standard är Dynamic Media-bildkomponenten adaptiv. Om du vill att den ska ha en fast storlek anger du det i komponenten på fliken Advanced med Width och Height.
  • Image Modifiers - Du kan använda bildeffekter genom att ange ytterligare bildkommandon. Dessa effekter beskrivs i Bildförinställningar och i Referens för bildserverkommando.

    Det här alternativet är inte tillgängligt om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar.

    Du kan redigera följande avancerade inställningar genom att välja Edit i komponenten.

  • Enable Aspect Ratio match - Välj det här alternativet om du vill att Dynamic Media ska välja en smart beskärningsåtergivning med de proportioner som bäst matchar originalbildens proportioner.

  • Optimize for higher resolution devices - Markera (standard) kryssrutan för att tillåta optimering av DPR (Device Pixel Ratio).

    The Optimize for higher resolution devices visas bara när följande är sant:

    • Under Förinställningstyp, Smart Crop är markerat.

    inställning för enhetspixelproportioner för smart beskärning

    Se även Om optimering av enhetens pixelproportioner. Alla DPR-värden för Adobe Experience Manager Dynamic Media Smart Imaging ignoreras.

  • Title - Ändra titeln på bilden för smart beskärning.

  • Alt Text - Lägg till en titel i den smarta beskärningsbilden för de användare som har inaktiverat grafik.

    Det här alternativet är inte tillgängligt om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar.

  • URL, Open in - Du kan ange att en resurs ska ö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.

    Det här alternativet är inte tillgängligt om du visar bilduppsättningar, snurruppsättningar eller blandade medieuppsättningar.

  • Width - Ange värdet i pixlar om du vill att bilden ska ha en fast storlek. Om värdet lämnas tomt anpassas resursen.

  • Height - Ange värdet i pixlar om du vill att bilden ska ha en fast storlek. Om värdet lämnas tomt anpassas resursen.

Interaktiv mediakomponent interactive-media-component

Komponenten Interactive Media är till för de resurser som har interaktivitet i dem, till exempel hotspot-områden eller bildscheman. Om du har en interaktiv bild, interaktiv video eller karusellbanderoll använder du Interactive Media -komponenten.

Komponenten Interactive Media är smart. Oavsett om du lägger till en bild eller en video har du olika alternativ. Dessutom är visningsprogrammet responsivt - skärmstorleken ändras automatiskt baserat på skärmstorleken. Alla visningsprogram är HTML5-visningsprogram.

NOTE
Om din webbsida har följande:
  • Flera instanser av komponenten Interactive Media används på samma sida.
  • Varje instans använder samma resurstyp.
Det går inte att tilldela olika visningsprogramförinställningar till varje interaktiv mediekomponent på den sidan.
Du kan dock använda samma visningsförinställning för alla interaktiva mediekomponenter som använder resurser av samma typ på sidan.

chlimage_1-174

Du kan redigera följande General inställningar genom att välja Edit i komponenten.

  • Viewer preset - Välj en befintlig visningsförinställning i listrutan. Om den visningsförinställning du söker efter inte visas måste du göra den synlig. Förinställningar för visningsprogram måste publiceras innan de kan användas. Se Hantera förinställningar för visningsprogram.

  • Title - Ändra videons titel.

  • Width - Ange värdet i pixlar om du vill att bilden ska ha en fast storlek. Om värdet lämnas tomt anpassas resursen.

  • Height - Ange värdet i pixlar om du vill att bilden ska ha en fast storlek. Om värdet lämnas tomt anpassas resursen.

    Du kan redigera följande Add To Cart inställningar genom att välja Edit i komponenten.

  • Show Product Asset - Som standard är det här värdet markerat. Produktresursen visar en bild av produkten enligt definitionen i modulen Handel. Avmarkera kryssrutan om du inte vill visa produktresursen.

  • Show Product Price - Som standard är det här värdet markerat. Produktpriset visar priset för artikeln enligt definitionen i modulen Handel. Avmarkera kryssrutan om du inte vill visa produktpriset.

  • Show Product Form - Som standard är det här värdet inte markerat. Produktformuläret innehåller alla produktvarianter som storlek och färg. Avmarkera kryssrutan om du inte vill visa produktvarianterna.

Panoramamakomponent panoramic-media-component

Komponenten för panoramamedia är avsedd för resurser som är sfäriska panoramabilder. Sådana bilder ger en 360-graders visningsupplevelse av ett rum, en egenskap, plats eller liggande. För att en bild ska kvalificeras som ett sfäriskt panorama måste den ha antingen ett ELLER båda av följande:

  • Proportionerna 2:1.
  • Taggad med nyckelorden equirectangular eller (spherical + panorama) eller (spherical + panoramic). Se Använda taggar.

Kriterierna för proportioner och nyckelord gäller även för panoramaresurser på sidan med resursinformation och för komponenten Panoramic Media i innehållshanteringssystemet.

NOTE
Om din webbsida har följande:
  • Flera instanser av Panoramic Media -komponenten som används på samma sida.
  • Varje instans använder samma resurstyp.
Tilldela olika visningsprogramförinställningar till varje Panoramic Media på den sidan stöds inte.
Du kan dock använda samma visningsförinställning för alla panoramakomponenter som använder resurser av samma typ på sidan.

panoramabild-media-viewer-preset

Du kan redigera följande inställning genom att markera Configure i komponenten.

  • Viewer Preset - Välj ett befintligt visningsprogram i listrutan med förinställningar för visningsprogrammet.

Om den visningsförinställning du söker efter inte visas kontrollerar du att den är publicerad. Publicera förinställningar för visningsprogrammet innan du använder dem. Se Hantera visningsförinställningar.

Video 360 Media Component video-media-component

Använd Video 360 Media för att återge ekvirektangulär video på din webbsida för en engagerande upplevelse av ett rum, en egenskap, en plats, ett landskap eller en medicinsk procedur.

Vid uppspelning på en platt skärm har användaren kontroll över visningsvinkeln. Vid uppspelning på mobila enheter används vanligtvis de inbyggda gyroskopkontrollerna.

Visningsprogrammet har inbyggt stöd för leverans av 360 videomaterial. Som standard krävs ingen ytterligare konfiguration för visning eller uppspelning. Du levererar 360-video med standardvideotillägg som .mp4, .mkv och .mov. Den vanligaste kodeken är H.264.

6_5_360video_wcmcomponent-1

Du kan redigera följande inställning genom att markera Configure i komponenten.

  • Viewer Preset - Välj ett befintligt visningsprogram i listrutan med förinställningar för visningsprogrammet. Använd Video360VR för slutanvändare som använder virtuella verklighetsglasögon. Innehåller grundläggande videouppspelningskontroller och funktioner för sociala medier. Använd Video360_social som innehåller grundläggande videouppspelningskontroller. Videoåtergivning sker i stereoläge. Manuell vypunktskontroll är inaktiverad men gyroskopisk kontroll är aktiverad. Det finns inga funktioner för sociala medier.

Om den visningsförinställning du söker efter inte visas kontrollerar du att den är publicerad. Kontrollera att du publicerar förinställningarna för visningsprogrammet innan du använder dem. Se Hantera visningsförinställningar.

Använda HTTP/2 för att leverera Dynamic Media-material using-http-to-delivery-dynamic-media-assets

HTTP/2 är det nya, uppdaterade webbprotokollet som förbättrar kommunikationen mellan webbläsare och servrar. Det ger snabbare överföring av information och minskar mängden processorkraft som behövs. Dynamic Media-material kan nu levereras via HTTP/2 vilket ger bättre respons och laddningstider.

Se HTTP2-leverans av innehåll om du vill ha fullständig information om hur du kommer igång med HTTP/2 med ditt Dynamic Media-konto.

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2