Hantera visningsförinställningar managing-viewer-presets

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.

Instruktioner om hur du skapar och anpassar egna visningsförinställningar för HTML5 finns i Adobe Dynamic Media API-dokumentation för HTML5 Viewer SDK. SDK är tillgängligt på IS-publiceringsservern som är inbäddad i SDK:n. Varje biblioteksversion har en egen SDK-dokumentation.

Sökväg: <scene7_domain>/s7sdk/<library_version>/docs/jsdocs/index.html.
3.10 SDK: https://s7d1.scene7.com/s7sdk/3.10/docs/jsdoc/index.html

Se även Referenshandbok för Adobe Dynamic Media-visningsprogram.

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ända visningsförinställningar.

NOTE
Redigera alla fördefinierade färdiga förinställningar för visningsprogram är inte ett scenario som stöds. Om du försöker redigera en visningsförinställning som inte är klar uppmanas du att spara visningsförinställningen med ett nytt namn.

Tangentbordstillgänglighet för tittare keyboard-accessibility-for-viewers

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

Se även Tangentbordstillgänglighet och -navigering.

Hantera visningsförinställningar managing-viewer-presets-1

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

6_5_tools-assets-viewerpresets

NOTE
Som standard visas 15 visningsförinställningar när du väljer visningsprogram i detaljvyn för en resurs. Du kan öka den här gränsen. Se Öka antalet visningsförinställningar som visas.

Stöd för visningsprogram för responsiva webbsidor viewer-support-for-responsive-designed-web-pages

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 kan det vara nödvändigt att bädda in HTML5-visningsprogrammet direkt på värdsidan. I det senare fallet kan webbsidan ha en statisk layout. Det kan också vara"responsivt" 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 Bibliotek för responsiv bild för mer information om hur du bäddar in responsiva visningsprogram på dina webbsidor.

NOTE
Publicera alla färdiga visningsprogram innan du börjar använda dem.
Se [Förinställningar för Publishing Viewer].(#publishing-viewer-presets)

Systemkompatibilitet för visningsförinställningar viewer-preset-system-compatibility

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
  • För video finns ytterligare stöd för MP4-uppspelning för BlackBerry® och Windows Phone.

Multimedietyper för visningsförinställningar rich-media-types-for-viewer-presets

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

Carousel Set
Aktiveringspunkter, bildscheman eller båda läggs till i en serie med två eller flera bilder. Kunden kan panorera bilderna till vänster eller höger och sedan välja en hotspot på en bild för mer information eller för att köpa direkt från en webbplats kategori, hemsida eller landningssidor.
Dimensionell
Visar 3D-scener där du kan vrida, panorera, zooma eller centrera om kameran.
Utfällbar zoom

Visar en andra bild av det zoomade området bredvid originalbilden. Det finns inga kontroller att använda - användarna flyttar markeringen över det område de vill visa.

När du fastställer den fullständiga bandbreddsanvändningen för det här visningsprogrammet bör du tänka på att både huvudbilden och den utfällbara bilden visas i visningsprogrammet. Huvudbildens storlek (scenens bredd och höjd) och zoomfaktorn bestämmer den utfällbara bildens storlek. Om du vill förhindra att den utfällbara filstorleken blir för stor ska du balansera dessa två värden: om du har en stor huvudbildstorlek ska du sänka värdet för zoomfaktor. (Utfällbar bredd och Utfällbar höjd bestämmer storleken på det utfällbara fönstret, men inte storleken på den utfällbara bild som visas i visningsprogrammet.)

Om huvudbildens storlek till exempel är 350 x 350 pixlar, med zoomfaktorn 3, blir den utfällbara bilden 1 050 x 1 050 pixlar. Om huvudbildstorleken är 300 x 300 pixlar, med zoomfaktorn 4, är den utfällbara bilden 1 200 x 1 200 pixlar. Beroende på kvalitetsinställningen för JPEG (rekommenderade inställningar är mellan 80 och 90) kan du minska filstorleken avsevärt. Rekommenderade zoomningsfaktorer är 2,5 till 4, beroende på storleken på huvudbilden.

Textbunden zoom
Visar en bild av det zoomade området i det ursprungliga visningsprogrammet. Det finns inga kontroller att använda. Användarna flyttar markeringen över det område de vill visa.
Bilduppsättning
I visningsprogrammet för bilduppsättningen kan användare visa olika vyer eller färgvariationer för ett objekt genom att välja en miniatyrbild. Det här visningsprogrammet har även zoomverktyg som gör att du kan granska bilder noggrant.
Interaktiv bild
Aktiveringspunkter läggs till i delar av en bild som en kund sedan kan välja för mer information eller för att köpa direkt från en webbplats kategori, hemsida eller landningssidor.
Interaktiv video
Miniatyrbilder läggs till i tidslinjesegment i en video som en kund sedan kan välja för mer information eller för att köpa direkt från en webbplats kategori, hemsida eller landningssidor.
Blandade media
Visar olika typer av media i ett visningsprogram. Du kan inkludera snurra uppsättningar, bilduppsättningar, bilder och videoklipp.
Panoramabild

Visningsprogrammen Panoramabild och PanoramicVR återger sfäriska panoramabilder så att användarna kan se dem i ett 360-graders rum, på en plats eller i ett landskap.

För att en överförd 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 och panorama, eller spherical och panoramic. Se Använda taggar.

Både proportioner och nyckelordskriterier gäller för panoramaresurser för sidan med resursinformation och WCM-komponenten "Panoramic Media".

Viktigt: Det här visningsprogrammet är endast tillgängligt i Dynamic Media - Scene7-läge.

Video för smart beskärning
Använd det här visningsprogrammet för att automatiskt identifiera och beskära till fokalpunkten i alla videofilmer.
Rotation
Ger flera vyer av en bild så att användare kan vrida objektet för att undersöka olika sidor och vinklar.
360-video

Använd 360/VR Video Viewer för att återge ekvirektangulär video för en engagerande tittarupplevelse av ett rum, en egenskap, plats, landskap eller medicinskt förfarande.

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.

Viktigt: Det här visningsprogrammet är endast tillgängligt i Dynamic Media - Scene7-läge.

Video
Spelar upp video med strömning med progressiv eller adaptiv bithastighet. Med adaptiv bithastighetsströmning utförs automatiskt enhets- och bandbreddsidentifiering för att leverera rätt kvalitetsvideo i rätt format.
Lodrät zoomning

Med Lodrät zoomning kan du maximera visningen av produktbilder och ge användarna bästa möjliga återgivning av en produkt. Den lodräta placeringen av färgrutor gör följande:

  • Ser till att färgrutorna"ligger över vikningen".
    Med vågräta färgrutor, beroende på användarens skärmstorlek, visas de inte förrän användaren rullade nedåt på sidan. Genom att placera färgrutorna lodrätt i visningsprogrammet ser du till att de är synliga oavsett användarens skärmstorlek.
  • Maximerar storleken på huvudbilden.
    Med vågräta färgrutor måste du reservera utrymme på sidan för att se till att de är synliga. Den här placeringen minskade storleken på huvudbilden. Om du har en lodrät färgrutelayout behöver du dock inte tilldela det här utrymmet. Därför kan du maximera huvudbildstorleken.
Zooma
Låter användarna zooma in i området genom att markera det. Användare kan välja kontroller för att zooma in, zooma ut och återställa bilden till standardstorleken.

Lista med färdiga visningsförinställningar list-of-out-of-the-box-viewer-presets

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.

NOTE
Alla färdiga visningsförinställningar i Dynamic Media aktiveras redan, men du måste publicera dem.
Se Förinställningar för Publishing Viewer.
Alla nya visningsprogramförinställningar som du skapar och lägger till måste vara aktiverade *och *publicerade.
Se Aktivera eller inaktivera visningsförinställningar och Förinställningar för Publishing Viewer.
Förinställningsrubrik för visningsprogram
Typ
CSS-filnamn
Carousel_Doted_dark
Carousel_Set
html5_carouselviewer_dotted_dark.css
Carousel_Doted_light
Carousel_Set
html5_carouselviewer_dotted_light.css
Carousel_Numeric_dark
Carousel_Set
html5_carouselviewer_numeric_dark.css
Carousel_Numeric_light
Carousel_Set
html5_carouselviewer_numeric_light.css
Dimensionell
Dimensionell
html5_dimensionalviewer.css
Utfällbar
Flyout_Zoom
html5_flyoutviewer.css
ImageSet_dark
Bilduppsättning
html5_zoomviewer_dark.css
ImageSet_light
Bilduppsättning
html5_zoomviewer_light.css
InlineMixedMedia_dark
Mixed_Media
html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light
Mixed_Media
html5_inlinemixedmediaviewer_light.css
InlineZoom
Flyout_Zoom
html5_inlinezoomviewer.css
MixedMedia_dark
Mixed_Media
html5_mixedmediaviewer_dark.css
MixedMedia_light
Mixed_Media
html5_mixedmediaviewer_light.css
Panoramabild
Panorama_bild
html5_panoramicimage.css
PanoramabildVR
Panorama_bild
html5_panoramicimage.css
Shoppable_Banner
Interactive_image
html5_interactiveimage.css
Shoppable_Video_dark
Interactive_Video
html5_interactivevideoviewer_dark.css
Shoppable_Video_light
Interactive_Video
html5_interactivevideovewer_light.css
SmartCropVideo
Smart_Crop_Video
html5_smartcropvideoviewer.css
SmartCropVideo_social
Smart_Crop_Video
html5_smartcropvideoviewersocial.css
SpinSet_dark
Snurra_uppsättning
html5_spinviewer_dark.css
SpinSet_light
Snurra_uppsättning
html5_spinviewer_light.css

Video

(Inkluderar stöd för undertextning)

Video
html5_videoviewer.css

Video360_social

(Innehåller grundläggande videouppspelningskontroller, videoåtergivning görs i stereoläge, manuell vykontroll är inaktiverad men gyroskopisk kontroll är aktiverad och inga funktioner för sociala medier)

Video_360
html5_video360viewersocial.css

Video360VR

(Utformad för slutanvändare som använder virtuella verklighetsglasögon. Innehåller grundläggande videouppspelningskontroller och funktioner för sociala medier)

Video_360
html5_video360viewer.css

Video_social

(Inkluderar stöd för undertexter och sociala medier)

Video
html5_videoviewersocial.css
Zoom_dark
Zooma
html5_basiczoomviewer_dark.css
Zoom_light
Zooma
html5_basiczoomviewer_light.css
ZoomVertical_dark
Lodrät_zoom
html5_zoomverticalviewer_dark.css
ZoomVertical_light
Lodrät_zoom
html5_zoomverticalviewer_light.css

Rörelsematris för mobilvisningsprogram som stöds supported-mobile-viewers-gestures-matrix

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

Gesture
Utfällbar zoom
Zooma
Snurra
Dra
Panoreringar
Panoreringar
Panoreringar
Välj
Visar utfällbart fönster
Visar eller döljer användargränssnittet
Visar eller döljer användargränssnittet
Dubbelmarkera
Gäller inte
Zoomar in eller återställer
Zoomar in eller återställer
Knipning öppen
Gäller inte
Zoomar in (endast iOS och Android™ 3x)
Zoomar in (endast iOS och Android™ 3x)
Knipning - stäng
Gäller inte
Zoomar ut (endast iOS och Android™ 3x)
Zoomar ut (endast iOS och Android™ 3x)
Svep
Rullningslist
Rulla bilder
Spins
Snurra
Rullningslist
Rulla bilder
Spins

Öka antalet visningsförinställningar som visas increasing-the-number-of-viewer-presets-that-display

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

Öka 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å följande plats:

    /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist

    chlimage_1-221

  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

    chlimage_1-222

  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 en visningsförinställning creating-a-new-viewer-preset

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 AEM 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 kan det vara bra att 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 en visningsförinställning:

  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.

    6_5_viewerpresets

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

  3. I New Viewer Preset i dialogrutan 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 en 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 blandad mediavisare 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 AEM Assets. Välj Import CSS nedanför Selected Type nedrullningsbar meny (vid behov kan du rulla den visuella redigeraren uppåt för att se den) så att du kan hitta den överförda CSS-filen och associera den med visningsförinställningen.

      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 kanske 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.

    note note
    NOTE
    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 ser du precis som i den visuella redigeraren 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.
    note note
    NOTE
    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 spelas endast upp med bindestreck. 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. Videofilmer direktuppspelas som streck, hls eller progressiv, som i följande uppspelningsordning:

      • 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.
    note note
    NOTE
    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.

    note note
    NOTE
    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 Retur utförs ingen åtgärd.
  10. I sidans övre högra hörn väljer du Save.

  11. Publicera din nya visningsförinställning så att du kan använda den på webbplatsen.

    Se Förinställningar för Publishing Viewer.

    note important
    IMPORTANT
    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 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 special-considerations-for-creating-an-interactive-viewer-preset

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 inställning för Visningsläge som ska användas när du väljer InteractiveSwatches från Selected Component menyn 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 en segmentvisningsläge (standard) eller en continuous visningsläge.

Visningsläge
Beskrivning
Segment

Segment är standardvisningsläget för förinställningarna för interaktiv video i visningsprogrammet Shoppable_Video_light och Shoppable_Video_dark och alla förinställningar för Interactive Video Viewer som du själv skapar.

I det här läget, när det finns färre miniatyrer tilldelade till ett videosegment än antalet synliga fläckar på visningspanelen. Miniatyrbilder från nästa eller föregående delsegment är också not dras in för att fylla i tomma fläckar på panelen. Det innebär att det bevarar visningen av färgrutor som har tilldelats ett visst videosegment.

Kontinuerlig

I continuous om antalet miniatyrbilder i ett segment är mindre än det antal som visas på panelen, visas miniatyrbilder automatiskt i nästa segment. Eller så visar visningsprogrammet automatiskt miniatyrbilderna från det föregående segmentet, om den sista miniatyrbilden visas.

The video i det här avsnittet är ett exempel på continuous visningsläge.

Om beteendet för automatisk rullning i det interaktiva visningsprogrammet för video

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. Gå till fliken Beteende från 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 att visa under de 30 sekunderna. 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:

Videodelsegment
Delsegmenttid i sekunder
Miniatyrbilder som visas på panelen
1
0-10
1, 2, 3, 4
2
10-20
4, 5, 6, 7
3
20-30
6, 7, 8, 9

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).
    Med hjälp av exemplet i tabellen ovan avrundas 9 miniatyrbilder/4 kortplatser = 2,25. Visningslogiken avrundar den 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.

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

Beskrivning
Åtgärder
Hotspot Icon
Ändra den ikon som används för aktiveringspunkten
Om du vill ändra hotspot-ikonens bild går du till Appearance flik, in Selected Component, markera ImageMapEffect. Under Icon, markera Background och i Image navigera till bakgrundsbilden som du vill använda.

Aktivera eller inaktivera visningsprogramförinställningar activating-or-deactivating-viewer-presets

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. Du kanske vill inaktivera visningsförinställningarna 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 med visningsförinställningar, under State markerar du alternativet för att aktivera eller inaktivera en visningsförinställning.

    De visningsprogramförinställningar som aktiveras har växlingsknappen till höger i en blå ruta. De inaktiverade visningsförinställningarna visas till vänster i en ljusgrå ruta.

Publicera förinställningar för visningsprogram publishing-viewer-presets

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 till 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. Se till att du aktiverar och publicerar alla färdiga visningsförinstä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. Välj Publish -ikon.

Sortera visningsförinställningar sorting-viewer-presets

  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 editing-viewer-presets

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 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) > 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. 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 visningsprogramförinställningar deleting-custom-viewer-presets

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 en visningsförinställning på en resurs applying-a-viewer-preset-to-an-asset

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, markera listrutan och välj sedan Viewers.

    note note
    NOTE
    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. Välj en visningsförinställning i den vänstra rutan så att du kan använda den på resursen.

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

Leverera resurser med visningsförinställningar delivering-assets-with-viewer-presets

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.

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