DokumentationAEM as a Cloud ServiceAnvändarhandbok

Bästa praxis för Dynamic Media about-dm-best-practices

Last update: Thu Mar 06 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

Skapat för:

  • Användare
  • Administratör
NOTE

Organisationer står inför en explosion av kanaler och enheter för att engagera användarna. Kundresan omfattar fysiska butiker, webben, mobiler, sociala medier, e-post och handel. Dynamic Media på Adobe Experience Manager (AEM) är en heltäckande lösning som uppfyller detta krav. Det optimerar materialleveransen, hanterar personaliseringen och säkerställer enhetliga, prestandaanpassade och varumärkesanpassade upplevelser i alla kanaler och på alla enheter.

Några av de viktigaste scenerna i Dynamic Media är följande:

  • En filmetod: Med Dynamic Media lagrar du en primär källfil, och alla storleksvariationer och visuella effekter skapas dynamiskt och optimeras vid leveransen. Det här sättet sparar lagringskostnader och eliminerar komplexiteten i arbetsflödet.
  • Helt globalt: Smart bildbehandling, som används under innehållsleverans, minskar bildstorleken och sidbredden avsevärt utan att den visuella kvaliteten försämras. Den är optimerad för nätverksbandbredd och enhetspixelproportioner.
  • AI-baserad: Smart Crop, en AI-driven funktion, automatiserar beskärning av intressepunkter för bilder och video. Det eliminerar manuell arbetsinsats och kan skalas effektivt för större företag.
  • Enkel video: Ladda upp primära källvideor till Dynamic Media och strömma dem adaptivt över flera språk med beskrivande ljud.
  • Visningsbibliotek för upplevelser: Anpassa visningsprogram och visningsprogram för varumärkesupplevelser för bilder och videor. De här tittarna kan smidigt integreras i era digitala upplevelser.
  • Stöd för nya format: Dynamiska medier gör det möjligt att leverera 3D-upplevelser och panoramaupplevelser.

När du utforskar Dynamic Media Journey kan du få ut så mycket som möjligt av funktionerna genom att granska den konsoliderade listan med bästa praxis nedan. Anpassa de här bästa metoderna för Dynamic Media till just era sammanhang och projektkrav så att ni kan optimera upplevelserna över olika kanaler och enheter.

IMPORTANT
De bästa metoderna för dynamiska media i den här artikeln kan utvecklas med tiden när nya tekniker i Dynamic Media utvecklas. Informationen nedan gäller den senaste versionen av Dynamic Media.

Importera material till Dynamic Media

Affärsfall: Hantera stora volymer resurser effektivt och se till att endast relevant, godkänt innehåll levereras till slutanvändarna.

Effektivisera hanteringen av stora mängder resurser. Se till att endast lämpligt, auktoriserat innehåll når slutanvändarna med funktionerna Selektiv synkronisering och Selektiv publicering i Dynamic Media.

  • Selektiv synkronisering:
    En proaktiv funktion som låter dig välja vilka resurser som ska synkroniseras med Dynamic Media. Du kan till exempel välja att bara synkronisera de mappar som innehåller resurser som har fått slutligt godkännande. Med det här arbetsflödet får ni kontroll över vilka resurser som förbereds för leverans till era kunder.

  • Selektiv publicering:
    När du har synkroniserat dina resurser får du med Selektiv publicering kontroll över vilka resurser som är synliga för dina kunder. Detta innebär att ni kan styra vilka godkända mediefiler som faktiskt levereras via era kanaler och se till att kunderna bara ser det bästa och mest relevanta innehållet.

Dessa två bästa metoder hjälper er att få bättre kontroll, styrning och produktivitet över ert multimediematerial.

Vill du veta mer? Gå till Konfigurera selektiv publicering på mappnivå i Dynamic Media.

Dynamiska mediavisare

De effektivaste strategierna med Dynamic Media Viewer är viktiga riktlinjer som utformats för att optimera prestanda, funktionalitet och användarupplevelse för Dynamic Media-resurser på AEM. Dessa rutiner säkerställer att resurserna är korrekt synkroniserade, publicerade och konfigurerade för att använda alla funktioner i Dynamic Media.

Genom att följa dessa standarder kan ni uppnå smidig integrering, effektiv resurshantering och förbättrat tittarinteraktion. Det är viktigt att du synkroniserar resurser, använder smart beskärning och följer riktlinjerna för inkludering av filer i JavaScript. Dessa rekommendationer bidrar till att upprätthålla integriteten och tillförlitligheten för medieleveransen på olika plattformar och enheter.

  • Synkronisera visningsprogram-Assets:
    Kontrollera att alla visningsprogramresurser är synkroniserade med dynamiska media innan du använder spelaren.

    • Gå till exempelhanterarsidan på /libs/dam/gui/content/s7dam/samplemanager/samplemanager. På den här sidan kan du synkronisera om användarens resurser, inklusive färdiga ikoner, CSS-filer och förinställningar.
    • Om du stöter på visningsprogramproblem går du till artikeln Felsök dynamiska medievyer .

  • Publicera Assets:
    Se till att resurserna publiceras innan du visar dem i leveransvisningsprogram.

  • Automatiskt uppspelade videoklipp har stängts av:
    Om du vill använda automatisk uppspelning i videoklipp använder du inställningarna för avstängd video eftersom webbläsarna begränsar uppspelning av videoklipp med volym.

  • Smart beskärning:
    Använd komponenten Image v3 för smart beskärning för att förbättra bildresurspresentationen.

  • Inkludering av JavaScript-filer:
    Ta endast med den primära JavaScript-filen för visningsprogrammet på sidan. Undvik att referera till andra JavaScript-filer som kan hämtas av visningsprogrammets körningslogik. Länka inte direkt till HTML5 SDK Utils.js-biblioteket från kontextsökvägen /s7viewers (kallas konsoliderad SDK include). Visningsprogrammets logik hanterar platsen för Utils.js eller liknande visningsprogrambibliotek vid körning, som kan ändras mellan olika versioner. Adobe behåller inte äldre versioner av sekundära visningsprograminkluderingar på servern, så om de refereras direkt kan visningsfunktionen brytas i framtida uppdateringar.

  • Riktlinjer för inbäddning:
    Använd dokumentationen för att bädda in riktlinjer som är specifika för varje visningsprogram.
    Vill du veta mer? Gå till Visare för AEM Assets.

  • SDK självstudiekurs och exempel:
    Granska självstudiekurserna för SDKi visningsprogrammet och programexemplen för HTML5 SDKför att få en mer detaljerad förståelse för API:er för SDK-komponenter.

Förbered material för leverans

Ordna dina resurser

Affärsärende: Ordna resurser effektivt för att effektivisera arbetsflöden.

Använd en eller flera av följande metoder för effektiv resursorganisation som effektiviserar arbetsflöden:

  • Ordna resurser i mappar:
    När du organiserar resurser måste du kategorisera dem i mappar, ungefär som när du ordnar filer på en dator. För att resurshanteringen ska bli så effektiv som möjligt är det viktigt att du namnger, strukturerar undermappar och hanterar filer i dessa mappar. Implementering av systematiska namnkonventioner och metadatarutiner maximerar nyttan med ert digitala resurslager.
    Vill du veta mer? Gå till Ordna resurser i mappar.
  • Ordna resurser med hjälp av taggar:
    Taggning av resurser förbättrar sökbarheten, skapar samlingar och rankar sökningar. Adobe Sensei AI använder en självlärande algoritm för exakt taggning, vilket möjliggör snabb hämtning av resurser. Adobe Sensei identifierar och tilldelar även relevanta taggar - inklusive anpassade taggar - till resurser, vilket förenklar resurshanteringen med automatisk, beskrivande taggning.
    Vill du veta mer? Gå till Organisera resurser med hjälp av taggar.
  • Ordna resurser som samlingar:
    Med Dynamic Media och Experience Manager Assets kan du effektivt skapa, redigera och dela resurssamlingar mellan användare. Du kan skapa olika samlingstyper, bland annat statiska listor och dynamiska, sökbaserade kompileringar. De här samlingstyperna kan delas mellan olika platser med anpassningsbar åtkomst och redigeringsbehörighet.
    Vill du veta mer? Gå till Ordna resurser som samlingar.
  • Ordna resurser med hjälp av profiler:
    En bearbetningsprofil automatiserar hanteringen av resurser i särskilt angivna mappar och effektiviserar organisationen. Genom att standardisera metadata, filnamn och mappstrukturer kan du använda profilerna på ett konsekvent och exakt sätt när din digitala resurssamling utökas.
    Vill du veta mer? Gå till Organisera resurser med hjälp av profiler.

Optimera bildkvaliteten

Affärsfall: Hämta bilder med hög kvalitet från Dynamic Media.

För att förbättra bildkvaliteten måste du ta hänsyn till olika faktorer noga. Det kan vara en tidskrävande process. Det finns dock några beprövade metoder som kan hjälpa dig att uppnå önskvärda resultat. En del av de bästa sätten är att få optimal bildstorlek, bildskärpa och de bästa bildformaten att använda.

Vill du veta mer? Gå till Bästa tillvägagångssätt för att optimera kvaliteten på dina bilder.

Eftersom uppfattningen av bildkvaliteten varierar från människa till människa, kan ibland en systematisk undersökningsmetod vara nödvändig för att uppnå önskvärda resultat. Adobe Experience Manager hjälper till med den här processen med över 100 dynamiska mediakommandon för bildförbättring.

Vill du veta mer? Titta på ögonblicksbilden av dynamiska media (3 minuter, 17 sekunder).

Om du vill utvärdera hur de olika kommandona påverkar bildkvaliteten kan du överföra en bild till Dynamic Media, använda verktygets gränssnitt på den angivna URL:en och använda de kommandon som du vill testa.

Vill du prova det? Starta ögonblicksbild av dynamiska media

Standardisera med format som används på bilder

Affärsfall: Standardisera den stil och omformning som används för mina bildresurser effektivt.

Använd bildförinställningar regelbundet i Dynamic Media så att du konsekvent och dynamiskt kan justera bildstorlekar, format och egenskaper. Tänk på en bildförinställning som ett makro: det är en namngiven uppsättning kommandon för att ändra storlek och formatera. Om din webbplats till exempel behöver produktbilder i olika storlekar och format, med speciell komprimering för datorer och mobila enheter, kan du automatisera den här processen på ett effektivt sätt med Image Presets.

Vill du prova det? Gå till Grundläggande om att skapa bildförinställningar för att återge resurser

Justera fokus och inramning för bilder och videor

Affärsfall: Se till att huvudpunkten för mina bilder eller videofilmer förblir i fokus på olika enheter.

Smart Crop är en funktion i Dynamic Media som använder Adobe Sensei, Adobe AI och maskininlärningsramverk för att automatisera beskärningen av bilder och videor. Det identifierar och fokuserar på huvudmotivet eller intressepunkten i en bild eller video på ett intelligent sätt. Denna intelligens ser till att fokalpunkten bibehålls i olika skärmstorlekar på stationära datorer och mobila enheter.

Ett tips är att skapa en bildprofil med Smart beskärning. I profilen kan du definiera olika skärmstorlekar och låta Adobe Sensei göra resten, så att dina bilder och videor alltid är optimerade för visningsprogrammets enhet.

Vill du veta mer? Titta på Använda smart beskärning med AEM Assets Dynamic Media (6 minuter, 35 sekunder) och Använda smart beskärning med dynamiska media för video (6 minuter, 22 sekunder).

Förbättra SEO-rankningarna

Affärsfall: Konfigurera Dynamic Media för förbättrad SEO-rankning.

Använd följande rekommendationer regelbundet för att säkerställa att dina bilder bidrar effektivt till den övergripande SEO-strategin.

  • Betydelsefulla bildfilnamn:
    Använd beskrivande filnamn som återspeglar bildinnehållet. Exempel:

    • använd myCompany-Silver-Wrist-Watch
    • undvik myCompany_Silver_Wrist_Watch eller myCompanySilverWristWatch

    Om du gör det blir det lättare för sökmotorer att förstå bildkontexten och det blir enklare att välja sökmotoroptimering. Google föredrar bindestreck framför understreck och blanksteg i ett filnamn. Undvik också att sammanfoga ord i ett filnamn.

  • Anpassad domän:
    Implementera en anpassad domän som innehåller ert företags- eller varumärkesnamn för att förstärka varumärkesigenkänningen och förtroendet. Exempel:

    • använd http://images.mycompany.com/is/image/companyname/
    • undvik https://s7d1.scene7.com/is/image/folder/AdobeStock_28563982

  • SEO-vänlig mappstruktur:
    Organisera bilderna i en mappstruktur som innehåller företagets namn eller varumärke för bättre indexering, som http://images.mycompany.com/is/image/companyname/ .

  • Regeluppsättningar för dynamiska media:
    Lär dig hur du villkorligt kan omvandla URL:er baserat på olika faktorer, vilket förbättrar SEO och användarupplevelsen.
    Vill du veta mer? Gå till Använd regeluppsättningar för att omforma URL:er.

  • Smart bildbehandling och smart beskärning:
    Använd funktionerna Smart bildbehandling och Smart Crop i Dynamic Media för att leverera optimerade och responsiva bilder. Detta förbättrar inte bara sidinläsningstiden utan bidrar också positivt till SEO-rankningarna.
    Vill du veta mer? Gå till Smart bildåtergivning eller se Använda smart beskärning med AEM Assets Dynamic Media (6 minuter, 35 sekunder).

Kom ihåg att de här bästa sätten är anpassade efter Google metoder för SEO för bilder. Sådana metoder betonar vikten av att ge kontext och tydlighet till sökmotorer genom lämpliga namnkonventioner, strukturerade data och optimerad bildleverans.

Vill du veta mer? Gå till Bästa praxis för URL-struktur för Google och Bästa praxis för Google-bilder

Förbättra bilder dynamiskt och skapa visuella effekter med kommandon

Affärsfall: Använd visuella effekter på bilder.

Dynamic Media har en uppsättning kommandon för att redigera bilder och skapa visuella effekter dynamiskt, utan att behöva använda flera statiska resurser. Nedan följer några korta förklaringar av några av dessa processer och några exempel som kan vägleda dig:

Effekter i källbilden

Uppgift
Vad du ska göra
Överför och publicera originalbilden
  • Börja med att överföra originalbilden till Dynamic Media.
  • Kontrollera att den är publicerad och tillgänglig via en URL.
  • I det här exemplet överförs en stockbild av en bevakning med en vit bakgrund (vi kallar den "Bild X") till Dynamic Media.
    https://s7g2.scene7.com/is/image/genaibeta/watch-silver-offer
Skapa en mask
Använd dynamiska medie-URL-kommandon för effekter

När du har skapat masken använder du URL-kommandon för att använda effekter som yttre glöd eller ändra bakgrundsfärgen till "Bild X". Här är två exempel:

Lägga till en bildkant

Med Dynamic Media kan du hantera bilder direkt via webbadresser, vilket gör det till ett kraftfullt verktyg för att skapa dynamiska digitala upplevelser. Här följer några exempel. Vi börjar med följande ursprungliga bild-URL: https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel.

Uppgift
Vad du ska göra
Vit kantlinje
Om du vill lägga till en vit kantlinje använder du följande URL:
https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10
I den här URL:en anger parametern extend=10,10,10,10 kantstorleken på tio pixlar på alla sidor.
Oskärpa längs den vita kanten
Om du vill lägga till en oskärpeeffekt längs den vita kanten kan du redigera URL-adressen på följande sätt:
https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10&effect=-1&op_blur=60&color=0,0,0
I den här URL-adressen använder parametern effect=-1 oskärpeeffekten och op_blur=60 styr oskärpeintensiteten.
Skugga längs den yttre gränsen
Om du vill lägga till en skuggeffekt längs den yttre gränsen använder du den här URL
https://s7g2.scene7.com/is/image/genaibeta/ocean-facing-hotel?size=400,400&extend=10,10,10,10&effect=-1&$shadow$&color=0,0,0
Parametern $shadow$ skapar skuggeffekten och color=0,0,0 anger skuggfärgen som svart.

Experimentera fritt med dessa URL:er för att få de visuella effekter du vill.

Skapa bildövertäckningar

Om du vill lägga en logotyp eller ikon ovanpå en befintlig bild är Dynamic Media ett enkelt sätt att uppnå detta med hjälp av URL-kommandon. Vi bryter ned stegen.

Steg
Vad du ska göra
Överför och publicera basbilden
Ladda först upp och publicera den basbild som du vill lägga logotypen eller ikonen ovanpå. Du kan använda vilken bild som helst som bas.
Här är till exempel en basbild:
https://s7g2.scene7.com/is/image/genaibeta/decorative-room-sofa.
Överför och publicera logotypen eller ikonbilden
Ladda sedan upp och publicera bilden som du vill lägga ovanpå basbilden. Den här bilden ska vara en genomskinlig PNG-bild med den logotyp eller ikon som du vill täcka över.
Här är den genomskinliga PNG-bilden för ett stjärnobjekt med genomskinlighetseffekter som kommer att läggas ovanpå:
https://s7g2.scene7.com/is/image/genaibeta/decorate-star
Använd URL för dynamiska media

Skapa nu en dynamisk medie-URL som kombinerar basbilden med logotypen eller ikonbilden. Du kan använda URL-kommandon för att uppnå den här effekten.
URL-strukturen ser ut ungefär så här:
https://s7g2.scene7.com/is/image/genaibeta/decorative-room-sofa?layer=1&src=decorate-star&scale=1.25&posN=0.33,-.25&fmt=png
var resursen finns

  • hotspotRetailBaseImage är basbilden.
  • starxp är logotypen/ikonbilden.
  • layer=1 anger att logotypen eller ikonen ska placeras i lager över basbilden.
  • scale=1.25 justerar storleken på logotypen/ikonen.
  • posN=0.33,-.25 avgör logotypens/ikonens position i förhållande till basbilden.
  • fmt=png ser till att utdata är i PNG-format.

Vad ska jag lära dig mer? Gå till src om du vill ha mer information om kommandot src och andra dynamiska medie-URL-kommandon.

Ersätta kampanjtext

Nedan beskrivs stegen för att täcka över ett reklamtextmeddelande i en bild med HTML och CSS.

Steg
Vad du ska göra
Överför och publicera basbilden
Ladda först upp och publicera den basbild som du vill lägga över texten på. Du kan använda vilken bild du vill. Här är till exempel en exempelbild:
https://s7g2.scene7.com/is/image/genaibeta/leather-sofa
Använd dynamiska mediatextoperatorer
Med Dynamic Media kan du använda textoperatorer för att täcka över dynamisk text direkt i bilden. Följande exempel-URL visar den här möjligheten:
[https://s7g10.scene7.com/is/image/genaibeta/leather-sofa?layer=1&posN=-0.3,-0.455&text=%7b\rtf1\ansi%7b\fonttbl%7b\f0+Arial;%7d%7b\colortbl+\red255\green255\blue255;%7d\copyfit1000\vertalc\qc%7b\cf0\fs42+New+Collection%7d%7d&size=370,70&textAttr=1 30&bgcolor=FF3333&wid=600&hei=600](https://s7g10.scene7.com/is/image/genaibeta/leather-sofa?layer=1&posN=-0.3,-0.455&text=%7b\rtf1\ansi%7b\fonttbl%7b\f0+Arial;%7d%7d%7b\colortbl+\red255\green255\blue255;%7d\copyfit1000\vertalc\qc%7b\cf0\fs42+New+Collection%7d%7d&size=370,70&textAttr=130&bgcolor=FF3 333&wid=600&hei=600)

Storleksändring och beskärning för olika användningsområden

Grundläggande om storleksändring av bilder

När du ändrar storlek på en bild måste du ändra bildens mått, upplösning och filstorlek. Här är några viktiga saker att tänka på:

  • Pixeldisposition:
    Digitala bilder består av små punkter som kallas pixlar. När en bild skapas har den ett visst antal pixlar. Att ändra storlek innebär att lägga till eller ta bort pixlar för att ändra bildens mått, upplösning och filstorlek.
  • Proportioner:
    Att bibehålla proportionerna (förhållandet mellan bredd och höjd) är avgörande för att förhindra förvrängning. Vare sig du gör en bild större (uppskalning) eller mindre (nedskalning) kan du bevara proportionerna för att säkerställa visuell enhetlighet.
  • Kvalitetsaspekter:
    Storleksändring kan påverka bildkvaliteten. Undvik drastisk uppskalning eftersom det kan leda till pixelering. Överväg i stället att återge bilden med en större storlek och upplösning. För mindre bilder använder du lämpliga verktyg för att behålla upplösningen.
Beskära jämfört med att ändra storlek

Beskärning och storleksändring är tekniker i Dynamic Media som gör att du kan omforma bilder efter olika användningsområden, oavsett om du skapar miniatyrer, produktvisningsbilder eller banners.

  • Beskär:
    Involverar borttagning av en del av en bild för att ändra dess komposition och ramning. Den ändrar inte de övergripande dimensionerna utan fokuserar på ett visst område.
  • Storleksändring:
    Justerar hela bildens mått, upplösning och filstorlek samtidigt som proportionerna behålls.

Låt oss titta på ett exempel som innehåller följande bild av vardagsrummet:

Experimentera med olika varianter efter just dina behov.
Vill du veta mer om de kommandon som finns i en URL? Gå till Kommandoreferens.

Leverera GIF-bilder

Affärsfall: Strömma GIF-filer med Dynamic Media

Du kan överföra och leverera GIF-filer via Dynamic Media. Ersätt is/image med is/content i URL:en om du vill återge en animerad GIF. Om du till exempel har överfört abc.gif använder du följande:

  • Den här URL-sökvägen återger en statisk vy av GIF:

    code language-none 
    https://your.domain.com/is/image/yourfolder/abc

  • Den här URL-sökvägen återger animeringsvyn för GIF:

    code language-none 
    https://your.domain.com/is/content/yourfolder/abc
NOTE
När du använder is/content i URL-sökvägen används inte bildtransformeringskommandon på resursen.

Publicera en video för min webbplats

Affärsfall: Publicera snabbt en video för en marknadsföringswebbplats.

  • Välj en videoprofil:
    För det första bör du i Dynamic Media välja en lämplig videoprofil. Du kan välja profilen Adaptiv videokodning som finns i AEM Assets under Videoprofiler. Dessa fördefinierade kodningsinställningar säkerställer att videon är optimerad för uppspelning på olika enheter och under olika bandbreddsförhållanden. Du kan också skapa en egen adaptiv videoprofil.

  • Tilldela profilen:
    Tilldela den valda videoprofilen till de mappar där videon ska överföras. Detta steg säkerställer att rätt kodningsinställningar används under överföringsprocessen.

  • Överför originalvideon:
    Överför den ursprungliga videofilen. Se till att det är en högupplöst video med hög kvalitet. Ju bättre källvideo, desto bättre slutresultat.

  • Förhandsgranska och publicera:
    Förhandsgranska videon så att du kan vara säker på att allt ser ut som förväntat. När du är nöjd publicerar du den. Det här steget gör videon tillgänglig för din publik.

  • Länka eller bädda in:
    Efter publiceringen har du två alternativ.

    • Länka direkt:
      Använd den angivna URL:en för att länka direkt till videon. Hyperlänka det på rätt sätt på er marknadsföringswebbplats.
    • Bädda in videon:
      Kopiera den inbäddade koden och klistra in den i HTML på webbsidan där du vill att videon ska visas. Om du gör det kan videon spelas upp direkt på din webbplats.

Vill du veta mer? Gå till Video.

Konfigurera videoklipp för optimal kvalitet och engagemang

Affärsfall: Konfigurera videoklipp för bästa kvalitet och engagemang.

För att säkerställa bästa kvalitet och engagemang för dina videor bör du implementera en kombination av följande strategier för bästa praxis:

  • Använd den inbyggda HTML5 Video Viewer:
    Förinställningarna för videovisningsprogrammet HTML5 för dynamiska media är robusta videospelare. Använd dem för att undvika vanliga problem med HTML5-videouppspelning och mobila enheter.
    Dessa förinställningar åtgärdar utmaningar som strömning med adaptiv bithastighet och begränsad räckvidd för datorwebbläsare.
    Vill du veta mer? Gå till Bästa praxis: Använda videovisningsprogrammet för HTML 5.

  • Använd dynamiska medievideoprofiler:
    Videoprofiler i Dynamic Media hjälper till med effektiv videohantering, enhetlig kvalitet och adaptiv strömning.
    Vill du veta mer? Gå till Dynamiska medievideoprofiler.

  • Följ bästa praxis för videokodning:
    Använd videokodningsprofiler som bibehåller den ursprungliga videokvaliteten utan alltför stor nedskalning under kodningen.
    Vill du veta mer? Gå till Bästa tillvägagångssätt för att koda videofilmer.

  • Använd adaptiv strömning i stället för progressiv strömning:
    Adaptiv strömning justerar videokvaliteten baserat på tittarens internetanslutning och enhetens funktioner.
    Den använder protokoll som HLS (HTTP Live Streaming) eller DASH (Dynamic Adaptive Streaming over HTTP) för att säkerställa optimal uppspelningskvalitet.
    Till skillnad från progressiv direktuppspelning, som levererar videoklipp linjärt, minimerar adaptiv direktuppspelning buffring och ger en smidig visningsupplevelse.

Internationalisering av videor för flerspråkig användning

Affärsfall: Gör videoklipp färdiga för flerspråkig konsumtion.

Internationalisering av videor för flerspråkig konsumtion är nödvändigt för att nå en global publik. Dynamic Media har funktioner som kan hjälpa dig att uppnå detta.

  • Överför dina videoklipp:

    • Skapa först en videokodningsprofil. Du kan antingen använda den fördefinierade adaptiva videokodningsprofilen som medföljer Dynamic Media eller skapa en egen anpassad profil.
    • Associera videobearbetningsprofilen med en eller flera mappar där du överför dina primära källvideofilmer.
    • Överför dina primära källvideor till dessa mappar. Dynamic Media kodar dem baserat på den tilldelade videobearbetningsprofilen.
    • Dynamic Media har främst stöd för videoklipp i kort form (upp till 30 minuter) med en lägsta upplösning som är högre än 25 × 25. Videofiler på upp till 15 GB kan laddas upp1 vardera.

  • Hantera videoklipp:

    • Ordna, bläddra bland och sök videomaterial i AEM.
    • Förhandsgranska och publicera videomaterial.
    • Visa källvideon och dess kodade återgivningar tillsammans med tillhörande miniatyrbilder.
    • Redigera videoegenskaper som titel, beskrivning och taggar2.

  • Lokalisering:

    • Skapa ljudspår och undertexter för varje målområde/språk.
    • Lägg till dessa ljud- och undertextspår i videoklipp från AEM-gränssnittet.
    • När användarna spelar upp videoklippen kan de välja vilket språk som ska användas för ljud och undertexter.

  • Publicerar:

    • Om du använder AEM som WCM-system (Web Content Management) kan du lägga till videofilmer direkt på dina webbsidor.
    • Om du använder ett WCM-system från tredje part kan du länka eller bädda in videor på dina webbsidor med hjälp av URL:er eller inbäddningskoder.

Vill du veta mer? Gå till Om stöd för flera bildtexter och ljudspår för videofilmer i dynamiska media eller se Lägga till flera bildtexter och ljudspår i en video (1 minut, 41 sekunder).

Leverera resurser till kunder

Optimera bildstorlekar och minimera sidinläsningstider

Affärsfall: Optimera bildstorleken för alla webbläsare och skärmar och minska sidinläsningstiden.

Dynamic Media Smart Imaging är ett kraftfullt verktyg som förbättrar bildleveransen genom att automatiskt optimera bildens format, storlek och kvalitet baserat på klientens webbläsarfunktioner.

Adobe rekommenderar att du använder funktionerna i Smart Imaging i stället för att manuellt ange bildformatet till webp eller avif. Här är varför:

  • Webbläsarkompatibilitet:
    Smart Imaging säkerställer att det levererade bildformatet är kompatibelt med användarens webbläsare.
  • Optimal komprimering:
    Det väljer det bästa formatet för komprimering baserat på webbläsaren, nätverksförhållandena och skärmupplösningen.
  • Moderna format:
    avif är ett nyare format som ger bättre komprimering, men det stöds ännu inte av alla webbläsare.
  • God praxis:
    För att garantera det bästa webboptimerade formatet kan du lita på Smart Imaging för att göra formatvalet i stället för att använda kommandona fmt=webp eller fmt=avif manuellt.

Genom att förlita dig på Smart Imaging kan du se till att dina bilder levereras på ett så effektivt sätt som möjligt, skräddarsytt efter varje användares webbläsarmiljö. Den här metoden förenklar processen och kan leda till bättre prestanda i fråga om bildinläsningstider och övergripande användarupplevelse.

Vill du veta mer? Gå till Smart bildbehandling.

Efterleverans av tillgångar till kunder

Affärsfall: När du har publicerat nytt innehåll eller skrivit över befintligt innehåll, hur kan du se till att ändringarna visas omedelbart på CDN:n?

CDN (Content Delivery Network) cachelagrar Dynamic Media-resurser för snabb leverans till kunder. När dessa resurser uppdateras är det viktigt att ändringarna börjar gälla omedelbart på webbplatsen. Genom att rensa eller göra CDN-cachen ogiltig kan resurser som levereras av Dynamic Media uppdateras snabbt. På så sätt slipper du vänta på att cachen ska förfalla baserat på TTL-värdet (Time To Live), som vanligtvis är inställt på tio timmar. Beroende på ditt specifika användningssätt kan du uppdatera CDN TTL-inställningarna (Time to Live) i enlighet med detta.

Vill du veta mer? Gå till Invalidera CDN-cachen med hjälp av Dynamic Media.

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