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

Om du vill lägga till Dynamic Media-funktioner i resurser som du använder på dina webbplatser kan du lägga till komponenten Dynamic Media, Interaktiva media, Panoramabilder eller Video 360 Media direkt på sidan. Du aktiverar layoutläget och Dynamic Media-komponenterna. Sedan lägger du till de här komponenterna på sidan och lägger till resurser i komponenten. 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 ni använder en annan leverantör för innehållshanteringssystemet kan ni antingen länka eller bädda in resurserna. Information om en responsiv tredjepartswebbplats finns i Leverera optimerade bilder till en responsiv webbplats.

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

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.

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

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

  2. I den vänstra rutan väljer du ikonen Components och filtrerar sedan efter Dynamic Media.

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

    6_5_360video_wcmcomponent

  3. Dra en Dynamic Media-komponent och släpp den på önskad plats på sidan.

  4. Håll pekaren 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 ikonen Configuration (wrench).

    6_5_360video_wcmComponentconfigure

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

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

    Video 360 Media-komponent

    Dynamic Media Video 360 Media-komponenten.

  6. När du är klar markerar du bockmarkeringen 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 måste aktivera de komponenter som du vill använda.

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

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

    edit-template

  3. Välj Structure i listrutan till höger om verktygsfältet uppe på sidan.

    Princip

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

  5. Kontrollera att fliken Allowed Components är markerad under rubriken Properties på sidan Layout Container.

    Tillåtna komponenter

  6. Rulla tills du ser Dynamic Media.

  7. Välj ikonen > till vänster om Dynamic Media och markera sedan de Dynamic Media-komponenter som du vill aktivera.

    Dynamic Media-komponentlista

  8. I närheten av det övre högra hörnet på sidan Layout Container väljer du ikonen Klar (bockmarkering).

  9. Välj Initial Content i listrutan till höger om verktygsfältet uppe på sidan.

  10. Lägg 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. Markera Properties och välj fliken Advanced. Välj språk för lokalisering.

    note note
    NOTE
    Alla språk som är tillgängliga på menyn Language har inte tilldelats tokens.

Tillgängliga Dynamic Media-komponenter dynamic-media-components

Dynamic Media-komponenter är tillgängliga när du väljer ikonen Components och sedan filtrerar 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änd för panoramabilder eller panoramabilder-VR-bildresurser.
  • Video 360 Media - Använd för 360-video och 360-VR-videor.
NOTE
Dessa komponenter är inte tillgängliga som standard och måste göras tillgängliga via mallredigeraren innan du använder dem. När de har gjorts tillgängliga i mallredigeraren kan du lägga till komponenterna på sidan på samma sätt som andra Experience Manager-komponenter.

6_5_dynamicmediawcmcomponents

Komponent: Dynamic Media 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 korrekt bör du kontrollera följande:

  • Bilden har en pyramidformad fil. Bilder som importeras innan du aktiverar Dynamic Media saknar en pyramidformad 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.

Du kan redigera följande Dynamic Media-inställningar genom att markera ikonen Edit i komponenten och sedan Dynamic Media Settings.

Inställningar för bildförinställning i Dynamic Media

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 även förinställningar som bara är smarta och relevanta för visningsprogrammet visas.

  • Viewer modifiers - Visningsprogrammodifierare har formen av namn=värde-par med en &-avgränsare och du kan ändra visningsprogram enligt riktlinjerna i referenshandboken för visningsprogram. Ett exempel på en visningsmodifierare är posterimage=img.jpg&caption=text.vtt,1, som anger en annan bild för videominiatyrbilden och associerar en undertextfil 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 fler bildkommandon. Dessa kommandon 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 bildbrytpunkterna. Bildbrytpunkter måste 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).

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

    • Under Förinställningstyp markeras Image Preset och RESS_IP markeras i listrutan Image Preset.

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

    Se även Om optimering av enhetens pixelproportioner.

    Alla Experience Manager DPR-värden för 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

Du kan 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 göra den till en fast storlek anger du den i komponenten med Width och Height på fliken Advanced.
  • Viewer preset - Välj en befintlig förinställning för videovisningsprogram 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 name=value par med en &-avgränsare. De gör att du kan ändra visningsprogram enligt anvisningarna i referenshandboken för Adobe-visningsprogram. 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 beskrivningsfil med en video: caption

    • Associera en navigeringsfil med en video: navigation

      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 Använd smart beskärning med Experience Manager Assets Dynamic Media

Se även Bildprofiler.

Dynamic Media inställningar för smart beskärning

Du kan redigera följande Dynamic Media-inställning genom att markera 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 fler bildkommandon. Dessa kommandon 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).

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

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

    inställning för enhetens pixelproportioner för smart beskärning

    Se även Om optimering av enhetens pixelproportioner.

    Alla Experience Manager DPR-värden för Dynamic Media Smart Imaging ignoreras.

  • Title - Ändra titeln för 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.

Komponent: Interaktiva media 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 komponenten Interactive Media.

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 Commerce. Avmarkera kryssrutan om du inte vill visa produktresursen.

  • Show Product Price - Som standard är det här värdet markerat. Produktpriset visar priset på artikeln enligt definitionen i Commerce-modulen. 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.

Komponent: Panoramabilder panoramic-media-component

Komponenten för panoramamedia är avsedd för resurser som är sfäriska panoramabilder. Sådana bilder ger en 360-gradig 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 komponenten Panoramic Media används på samma sida.
  • Varje instans använder samma resurstyp.
Det går inte att tilldela olika visningsprogramförinställningar till varje Panoramic Media-komponent på den sidan.
Du kan dock använda samma visningsförinställning för alla panoramakomponenter som använder resurser av samma typ på sidan.

Förinställning för visningsprogram för panoramabilder

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

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

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

Komponent: Video 360 Media video-media-component

Använd komponenten Video 360 Media för att återge ekvirektangulär video på webbsidan. På så sätt får du en engagerande tittarupplevelse av ett rum, en egendom, 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 visningsförinställningar. 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. Förinställningar för Publish-visningsprogram innan du använder dem. Se Hantera visningsförinställningar.

Använd 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 Delivery of Content för fullständig information om hur du kommer igång med HTTP/2 med ditt Dynamic Media-konto.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab