Hantera förinställningar för visningsprogram

En visningsförinställning är en samling inställningar som bestämmer hur användare visar mediefiler på datorskärmar och mobila enheter. Om du är administratör kan du skapa visningsförinställningar. Inställningarna är tillgängliga för en array med visningskonfigurationsalternativ. Du kan till exempel ändra visningsprogrammets visningsstorlek eller zoombeteende.

Se även Referenshandbok för Dynamic Media Viewer.

I det här avsnittet beskrivs hur du skapar, redigerar och hanterar visningsprogramförinställningar. Du kan använda en visningsförinställning för en resurs när du vill förhandsgranska den. Se Använd förinställningar för visningsprogram.

Tangentbordstillgänglighet för tittare

Alla färdiga visningsprogram har stöd för tangentbordstillgänglighet.

Se även Tangentbordstillgänglighet och -navigering.

Hantera förinställningar för visningsprogram

Du kan lägga till, redigera, ta bort, publicera, avpublicera och förhandsgranska visningsförinställningar i Adobe Experience Manager genom att gå till Tools (hammarikon) > Assets>Viewer Presets.

Stöd för visningsprogram för responsiva webbsidor

Olika webbsidor har olika behov. Ibland kanske du vill ha en webbsida som innehåller en länk som öppnar visningsprogrammet för HTML 5 i ett separat webbläsarfönster. I andra fall måste du bädda in HTML5-visningsprogrammet direkt på värdsidan. I det senare fallet har webbsidan en statisk layout. Eller så är den"responsiv" och visas på olika enheter eller för olika webbläsarfönsterstorlekar. För att tillgodose dessa behov har alla fördefinierade, färdiga HTML5-visningsprogram som medföljer Dynamic Media stöd för både statiska webbsidor och responsiva webbsidor.

Se Responsiv statisk bildbibliotek i Hjälp om Dynamic Media Image Serving and Rendering API om du vill ha mer information om hur du bäddar in responsiva visningsprogram på dina webbsidor.

Systemkompatibilitet för visningsförinställningar

Alla färdiga visningsförinställningar som medföljer Dynamic Media är helt kompatibla med följande system:

• Stationära datorer
• Apple iPhone
• Apple iPad
• Android™ Smartphone
• Android™ Tablet PC

Multimedietyper för visningsförinställningar

Administratörer kan lägga till och anpassa följande typer av multimedia när de skapar visningsförinställningar.

Lista med färdiga visningsförinställningar

I följande tabell visas alla fördefinierade färdiga visningsförinställningar som medföljer Dynamic Media.

Se även Live Demos.

Information om vilka webbläsare och operativsystemversioner som stöds för visningsprogram finns i Viewer Release Notes.

Se"Viewer release notes" i innehållsförteckningen i Referenshandbok för visningsprogram.

Rörelsematris för mobilvisningsprogram som stöds

Följande tabell visar vilka mobilvisningsgester som stöds på enheter med iOS, Android™ 2.x och Android™ 3.x.

Öka antalet visningsförinställningar som visas

Experience Manager visar en mängd olika förinställningar för visningsprogram när resurser från Detail View > Viewers. Du kan öka eller minska antalet visningsprogram som visas.

Så här ökar du antalet visningsförinställningar som visas:

1. Navigera till CRXDE Lite (https://localhost:4502/crx/de).

2. Navigera till noden med visningsförinställningar på /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist

   

3. I egenskapen limit ändrar du Value, som är inställt på 15 som standard, till önskat tal.

4. Navigera till datakällan för visningsförinställningen på /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource

   

5. I egenskapen limit ändrar du talet till önskat tal, till exempel {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

6. Välj Save All.

Skapa förinställningar för visningsprogram

Genom att skapa visningsförinställningar kan du använda olika inställningar för att visa och interagera med resurser. Du behöver dock inte skapa visningsförinställningar. Om du vill kan du använda de förinställda visningsprogrammen som redan finns i Experience Manager Assets.

Om du väljer att skapa en visningsförinställning aktiveras visningsprogrammets läge automatiskt när du har sparat den (inställt på On) på sidan Förinställningar för visningsprogram. Det här läget innebär att det är synligt i Dynamic Media-komponenten och i Interactive Media-komponenten och när du förhandsgranskar en bild eller video.

Vissa visningsprogramförinställningar har exklusiva inställningar som kan påverka visningsprogrammets användning och allmänna beteende. Beroende på vilken visningsförinställning du skapar bör du tänka på dessa speciella saker.

Se Specialöverväganden när du skapar en interaktiv visningsförinställning.

Se Specialöverväganden när du skapar en Carousel Banner Viewer-förinställning.

Så här skapar du förinställningar för visningsprogram:

1. I det övre vänstra hörnet av Experience Manager väljer du logotypen för Experience Manager och går sedan till vänster Tools (hammarikon) > Assets > Viewer Presets.

   

2. På sidan Förinställningar för visningsprogram väljer du Create.

3. I New Viewer Preset i Preset Name anger du namnet på den nya förinställningen. Välj ett namn noggrant - de går inte att redigera efter att du har markerat Create.

   När du sparar förinställningen senare i de här stegen visas namnet på sidan Förinställningar för visningsprogram under kolumnrubriken Förinställningstitel.

4. I listrutan Multimedietyp väljer du den typ av visningsförinställning som du vill skapa och sedan väljer du den i det övre högra hörnet på sidan Create.

   Se Multimedietyper för visningsförinställningar.

5. På sidan Redigerare för visningsförinställning väljer du Appearance -fliken.

6. Gör något av följande:

   • I Selected Type väljer du en komponent vars visuella design du vill anpassa. Du kan också markera ett visuellt element i visningsprogrammet och välja det för konfiguration.

     Med den visuella redigeraren kan du se vilken effekt en viss egenskap har på ett format. Ange eller justera valfri egenskap för att omedelbart se vilken effekt den har på visningsprogrammet med exemplet till vänster om redigeraren.

     CSS-formategenskaperna för varje typ av visningsförinställning beskrivs i"Anpassa <viewer name> Hjälpavsnittet för visningsprogrammet i Referenshandbok för visningsprogram. Om du till exempel skapar en visningsförinställning av typen Mixed_Media, se Anpassa visningsprogrammet för blandade media för en lista och en beskrivning av varje egenskap.

   • Om du har definierat formatinställningar i en separat CSS-fil kan du överföra CSS-filen till Experience Manager Assets. Om du vill hitta den överförda CSS-filen och associera den med visningsförinställningen väljer du Import CSS nedanför Selected Type nedrullningsbar meny (om det behövs kan du rulla den visuella redigeraren uppåt för att se den).

     När du importerar en CSS-fil kontrollerar den visuella redigeraren om rätt visningsmarkörer används i CSS. Om du till exempel skapar ett zoomvisningsprogram måste alla CSS-regler som du importerar definieras med hjälp av visningsprogrammets klassnamn .s7mixedmediaviewer definieras för ett överordnat visningsprogramelement.

     Du kan importera godtycklig, handgjord CSS så länge den definierar CSS-markörerna för ett visst visningsprogram. (CSS-markörer beskrivs i"Anpassning" <viewer name=""> Hjälpavsnittet för visningsprogrammet i Referenshandbok för visningsprogram. Om du till exempel vill läsa om CSS-markörer för Zoomvisningsprogrammet läser du Anpassa Zoom Viewer.) Det är dock möjligt att den visuella redigeraren inte förstår vissa CSS-värden. I sådana fall försöker den visuella redigeraren åsidosätta felen så att CSS fortfarande fungerar.

   OBSERVERA

   Om du föredrar att redigera CSS direkt i dess Raw-format väljer du Show/Hide CSS nedanför listrutan Markerad typ (om det behövs rullar du den visuella redigeraren uppåt för att se den).
   När du ändrar en egenskap direkt i CSS kan du, precis som den visuella redigeraren, omedelbart se vilken effekt den har på visningsprogramexemplet. Och samma egenskap uppdateras automatiskt samtidigt i den visuella redigeraren. Därför kan du använda CSS-redigeraren raw eller den visuella redigeraren, eller använda båda för båda.

   OBSERVERA

   För knappbilder väljer du 2x-bilden och överför högupplösta bilder. När du arbetar med interaktiva bilder och köpbara banners kan du även välja bland olika färdiga hotspot-knappar.

7. (Valfritt) I början av sidan Redigera visningsförinställning väljer du Desktop, Tablet, eller Phone för att unikt definiera visuella format för olika enhets- och skärmtyper.

8. På sidan Redigerare för visningsförinställning väljer du Behavior -fliken. Du kan också markera ett visuellt element i visningsprogrammet och välja det för konfiguration.
   För VideoPlayer text, under Modifiers > Playback kan du välja mellan tre alternativ för strömning med variabel bithastighet:

   • dash - Videorna direktuppspelas endast som DASH. På Safari-/iOS-enheter måste du dock välja hls som typ, i stället.
   • hls - Videoströmmar endast som HLS.
   • auto - Bästa praxis. Skapandet av DASH- och HLS-strömmar är lagringsoptimerat. Därför rekommenderar Adobe att du alltid väljer auto som uppspelningstyp. Videoklipp direktuppspelas som streck, hls eller progressiv, som i följande:
     • Om webbläsaren stöder DASH används DASH-direktuppspelning först.
     • Om webbläsaren inte stöder DASH används HLS-direktuppspelning, andra gången.
     • Om webbläsaren inte stöder DASH eller HLS används den progressiva uppspelningen sist.
   OBSERVERA

   Så här visar och använder du dash måste den först aktiveras av Adobe tekniska support på ditt konto. Se Aktivera DASH på ditt konto.

9. Välj en komponent vars beteenden du vill ändra i listrutan Selected Type.

   Många komponenter i den visuella redigeraren har en detaljerad beskrivning. Dessa beskrivningar visas i blå rutor när du expanderar en komponent för att visa dess associerade parametrar.

   Vissa typer av visningsprogram har komponenter som gör att du kan ange bildserverkommandon i ett IS Command-textfält. En lista med kommandon som du kan använda finns i API-referenshandboken för bildservrar.

   OBSERVERA

   Om du använder en pekenhet, till exempel en telefon eller surfplatta…

   När du har skrivit ett värde i textfältet kan du markera någon annanstans i användargränssnittet för att skicka ändringen och stänga det virtuella tangentbordet. Om du väljer Enter, utförs ingen åtgärd.

10. I sidans övre högra hörn väljer du Save.

11. Publicera din nya visningsförinställning. Du måste publicera förinställningen så att du kan använda den URL som skapas på webbplatsen.

    Se Förinställningar för publiceringsvisningsprogram.

    VIKTIGT

    För gamla videor som använder en adaptiv bithastighetsströmningsprofil fortsätter URL-adressen att spelas som vanligt - med HLS-strömning - tills du bearbeta om videoresurserna. Efter ombearbetningen fortsätter samma URL-adress att fungera, men nu med båda DASH- och HLS-strömning är aktiverad.

Specialöverväganden när du skapar en interaktiv visningsförinställning

Om Visningslägen för miniatyrbilder på panelen:

När du skapar eller redigerar en förinställning för Interactive Video Viewer kan du välja vilken visningsinställning som ska användas. Det här valet görs när du markerar InteractiveSwatches från Selected Component nedrullningsbar meny under Behavior -fliken. Det visningsläge du väljer påverkar hur och när miniatyrbilder visas när videon spelas upp. Du kan välja antingen ett segment-visningsläge (standard) eller ett continuous-visningsläge.

Om automatisk rullning i Interactive Video Viewer:

Funktionen för automatisk rullning för miniatyrbilder i det interaktiva visningsprogrammet fungerar oberoende av det visningsläge du väljer.

När du skapar eller redigerar en visningsförinställning för interaktiv video öppnar du Autorullning på fliken Beteende. På fliken Beteende kan du gå till Selected Components nedrullningsbar meny, välja InteractiveSwatches. Kryssrutan Autorullning visas under textfältet IS-kommando.

Om du inaktiverar Auto Scroll (avmarkerar kryssrutan) i visningsförinställningen visas bara den första miniatyrbilden för hela videolängden på panelen när användaren spelar upp videon. Användaren kan dock bläddra bland miniatyrbilderna manuellt med upp- och nedpilarna om så önskas.

När du aktiverar (markerar) Auto Scroll i visningsförinställningen rullas miniatyrbilder som tilldelats ett videosegment in i vyn i början av ett segment under videouppspelningen. Det kan hända att vissa miniatyrer i ett segment visas dubbelt så länge som andra miniatyrer före eller efter dem. Det här beteendet beror på att antalet miniatyrbilder i ett segment är större än det antal som visas på panelen och inte är jämnt delbart.

Anta att du har ett 30-sekunders videosegment. Och det finns totalt nio miniatyrbilder som ska visas under 30 sekunder. Storleken på webbläsaren ändras så att det finns fyra synliga miniatyrpositioner på visningspanelen. Det 30 sekunder långa videotidssegmentet är uppdelat i tre delsegment. I följande tabell visas hur miniatyrbilder visas för ett givet tidsdelsegment:

Delsegmentet Video 3 sträcker sig inte utanför de miniatyrbilder som är tilldelade till det. Lägg märke till att miniatyrbilderna 4, 6 och 7 visas dubbelt så långt på panelen som de andra miniatyrbilderna.

Följande logik används för hur många miniatyrbilder som visas på panelen baserat på antalet tillgängliga positioner:

• Antal delsegment = rund upp till nästa delsegment (antal miniatyrbilder/antal synliga platser på miniatyrbildspanelen, baserat på webbläsarfönstrets storlek).
  I exemplet i tabellen ovan används 9 miniatyrbilder/4 kortplatser = 2,25; visningsprogrammets logik omger den med upp till tre undersegment.

• Antal miniatyrbilder = avrunda till nästa miniatyrbild (antal miniatyrbilder/antal undersegment).
  Med exemplet i tabellen ovan används 9 miniatyrbilder/3 videodelsegment = 3 miniatyrbilder.

• Delsegmentets längd = den totala videons längd/antal undersegment.
  Med hjälp av exemplet i tabellen ovan visas 30 sekunder/3 videodelsegment = 10 sekunder för varje videodelsegment.

Specialöverväganden när du skapar visningsförinställningar för Carousel Banner

När du skapar visningsförinställningar för Carousel Banner kan du ändra format för aktiveringspunkter på följande sätt:

Aktivera eller inaktivera visningsprogramförinställningar

Vilka visningsprogramförinställningar som är tillgängliga i användargränssnittet beror på vilka som är aktiva i redigeringsläget. Som standard är en visningsförinställning"På" när du har skapat den. Om du stänger av förinställningen visas den inte i redigeringsläge. Om förinställningen publiceras publiceras den alltid oavsett om den är aktiverad eller inte. Inaktivera visningsförinställningar om listan blir för oskarp eller om du inte vill att en visningsförinställning ska vara tillgänglig för användning.

Så här aktiverar eller inaktiverar du visningsförinställningar:

1. I det övre vänstra hörnet av Experience Manager väljer du logotypen Experience Manager och sedan i den vänstra listen väljer du Tools (hammarikon) > Assets > Viewer Presets.

2. På sidan Viewer Preset (Visningsförinställning), under State markerar du alternativet för att aktivera eller inaktivera en visningsförinställning.

   De visningsprogramförinställningar som är aktiverade visas till höger, i en blå ruta. förinställningar för inaktiverat visningsprogram har växlingsknappen till vänster, i en ljusgrå ruta.

Publicera förinställningar för visningsprogram

När du aktiverar (eller aktiverar"På") ett visningsförinställningsläge visas det i Dynamic Media-komponenten, i Interactive Media-komponenten och när du visar en mediefil.

Men leverera Om du har en resurs med en visningsförinställning måste visningsförinställningen också publiceras. Alla visningsförinställningar måste aktiveras och publiceras för att hämta URL eller inbäddningskod för en resurs. Aktivera och publicera alla färdiga visningsinställningar som medföljer Dynamic Media. Anpassade visningsförinställningar som du skapar och lägger till aktiveras automatiskt, men de måste också publiceras.

Se Aktivera eller inaktivera visningsförinställningar.

Se även Förhandsgranska resurser.

Så här publicerar du förinställningar för visningsprogram:

1. I det övre vänstra hörnet av Experience Manager väljer du logotypen Experience Manager och sedan i den vänstra listen väljer du Tools (hammarikon) > Assets>Viewer Presets.
2. Välj en eller flera visningsförinställningar som du vill publicera.
3. I verktygsfältet väljer du Publish ikon.

Sortera visningsförinställningar

1. I det övre vänstra hörnet av Experience Manager väljer du logotypen Experience Manager och sedan i den vänstra listen väljer du Tools (hammarikon) > Assets>Viewer Presets.
2. Välj Preset Title, Type, Published, eller State för att sortera efter den kolumnrubriken. Välj till exempel Type om du vill sortera förinställningstyperna för visningsprogrammet i alfabetisk eller omvänd alfabetisk ordning.

Redigera förinställningar för visningsprogram

Redigera alla fördefinierade färdiga förinställningar för visningsprogram är inte ett scenario som stöds. Om du redigerar en förinställning för ett visningsprogram som inte är installerat uppmanas du att spara den med ett nytt namn.

Så här redigerar du förinställningar för visningsprogram:

1. I det övre vänstra hörnet av Experience Manager väljer du logotypen Experience Manager och sedan i den vänstra listen väljer du Tools (hammarikon) > Asset > Viewer Presets.

2. Markera en förinställning genom att markera rutan till vänster om visningsförinställningens titel.

3. I verktygsfältet väljer du Edit.

4. På Viewer Preset Editor gör du de ändringar du vill ha i visningsförinställningen med hjälp av alternativen på sidan Appearance och Behavior -tabbar.

   Från Appearance -fliken, i det övre vänstra hörnet på sidan Redigerare för visningsförinställningar, väljer Desktop, Tablet, eller Phone om du vill ändra resursens presentationsläge.

5. Gör något av följande i det övre högra hörnet på sidan:

   • Välj Save om du vill spara ändringarna och gå tillbaka till sidan med visningsförinställningar.
   • Välj Cancel för att ångra ändringar du gjort och återgå till sidan för visningsförinställningar.

Ta bort anpassade förinställningar för visningsprogram

Du kan ta bort visningsförinställningar som du har skapat och lagt till i Dynamic Media.

Så här tar du bort anpassade visningsprogramförinställningar:

1. I det övre vänstra hörnet av Experience Manager väljer du logotypen Experience Manager och sedan i den vänstra listen väljer du Tools (hammarikon) > Assets>Viewer Presets.
2. Markera en förinställningsrubrik på sidan Förinställningar för visningsprogram och välj sedan alternativet Trash ikon.
3. Välj Delete.

Använda förinställningar för visningsprogram på en resurs

Om du redan har publicerat både resursen och det valda visningsprogrammet visas knapparna URL och Embed när du har valt en visningsförinställning.

Så här använder du en visningsförinställning för en resurs:

1. Öppna resursen och i närheten av sidans övre vänstra hörn, välj den nedrullningsbara menyn och välj sedan Viewers.

   OBSERVERA

   Om du redan har publicerat både resursen och det valda visningsprogrammet visas knapparna URL och Embed när du har valt en visningsförinställning.

2. Om du vill använda den på resursen väljer du en visningsförinställning i den vänstra rutan.

   Du kan kopiera URL:en som ska delas med andra användare.

Leverera resurser med visningsförinställningar

Information om hur du hämtar URL:er för visningsförinställningar finns i Länka URL:er till webbprogrammet. Se även Bädda in Video Viewer på en webbsida.

Om du använder Experience Manager som WCM-fil kan du lägga till resurser med visningsförinställningarna direkt på sidan. Se Lägga till Dynamic Media-resurser på sidor.

Resurser för Business.Adobe.com