DokumentationAEM 6.5Användarhandbok

Hantera visningsförinställningar managing-viewer-presets

Last update: Sat Jul 13 2024 00:00:00 GMT+0000 (Coordinated Universal Time)
  • Ämnen:

Skapat för:

  • Användare
  • Administratör

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 dina egna HTML5-visningsförinställningar finns i Adobe Dynamic Media HTML5 Viewer SDK API-dokumentation. 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.
Exempel: 3.10 SDK: https://s7d1.scene7.com/s7sdk/3.10/docs/jsdoc/index.html

Se även Adobe Dynamic Media Viewer Reference Guide.

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
Att redigera fördefinierade, körklara visningsförinställningar stöds inte. 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 (hammikon) > 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.

Mer information om hur du bäddar in responsiva visningsprogram på dina webbsidor finns i Bibliotek för responsiva bilder .

NOTE
Publish alla färdiga visningsprogram innan du börjar använda dem.
Se [Publicera visningsförinställningar].(#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-uppsättning
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.
Dimensional
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, 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 bara tillgängligt i Dynamic Media - Scene7-läge.

Video om 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 bara 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-demonstrationer.

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

Se"Versionsinformation för visningsprogram" i innehållsförteckningen i referenshandboken för visningsprogram.

NOTE
Alla färdiga visningsförinställningar i Dynamic Media aktiveras redan, men du måste publicera dem.
Se Publicera visningsförinställningar.
Alla nya visningsprogramförinställningar som du skapar och lägger till måste vara aktiverade *och *publicerade.
Se Aktivera eller inaktivera visningsprogramförinställningar och Publicera visningsförinställningar.
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 visningsförinställningar 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. Gå 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 (inställt på On) på sidan Förinställningar för visningsprogram när du har sparat den. 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 Om du vill skapa en förinställning för Interactive Viewer bör du tänka på detta.

Se Specialöverväganden för att skapa en visningsförinställning för Carousel Banner.

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 väljer du Tools (hammikon) > Assets>Viewer Presets i den vänstra listen.

    6_5_viewerpresets

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

  3. Ange namnet på den nya förinställningen i fältet Preset Name i dialogrutan New Viewer Preset. Välj ett namn noggrant - de kan inte redigeras efter att du har valt 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 Create i det övre högra hörnet på sidan.

    Se Multimedietyper för visningsförinställningar.

  5. Välj fliken Appearance på sidan Redigerare för visningsförinställning.

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

    • I listrutan 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 hjälpavsnittet Anpassa <viewer name>-visningsprogrammet i referenshandboken för visningsprogram. Om du till exempel skapar en visningsförinställning av typen Mixed_Media kan du läsa 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 under listrutan Selected Type (om det behövs rullar du 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 som 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 hjälpavsnittet om anpassning av <visningsprogramnamn> visningsprogram" i referenshandboken för visningsprogram. Om du till exempel vill läsa om CSS-markörer för Zoomvisningsprogrammet läser du Anpassa zoomvisningsprogrammet.) 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 under listrutan Vald 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) Välj Desktop, Tablet eller Phone överst på sidan Redigera visningsförinställning om du vill definiera visuella format unikt för olika enhets- och skärmtyper.

  8. Välj fliken Behavior på sidan Redigerare för visningsförinställning. Du kan också markera ett visuellt element i visningsprogrammet och välja det för konfiguration.
    För typen VideoPlayer, under Modifiers > Playback, kan du välja något av tre alternativ för strömning med adaptiv bithastighet:

    • dash - Videoklippen spelas endast upp som tankstreck. På Safari-/iOS-enheter måste du i stället välja hls som typ.

    • 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
    Om du vill visa och använda alternativet dash måste det först aktiveras av Adobe tekniska support på ditt konto. Se Aktivera DASH för 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 touchenhet, till exempel en telefon eller en 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. Välj Save i sidans övre högra hörn.

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

    Se Publicera visningsförinställningar.

    note important
    IMPORTANT
    För gamla videor som använder en adaptiv bithastighetsdirektuppspelningsprofil fortsätter URL:en att spelas upp som vanligt - med HLS-direktuppspelning - tills du bearbetar videomaterialet igen. Efter ombearbetningen fortsätter samma URL att fungera, men nu med både DASH- och HLS-direktuppspelning aktiverad.

Specialöverväganden när du skapar en interaktiv visningsförinställning special-considerations-for-creating-an-interactive-viewer-preset

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 inställning för visningsläge som ska användas när du väljer InteractiveSwatches på menyn Selected Component på fliken Behavior. Det visningsläge du väljer påverkar hur och när miniatyrbilder visas när videon spelas upp. Du kan välja ett segmentvisningsläge (standard) eller ett continuous-visningsläge.

Visningsläge
Beskrivning
Segment

Segment är standardvisningsläget för förinställningarna Shoppable_Video_light och Shoppable_Video_dark för Interactive Video Viewer 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 hämtas inte för att fylla tomma områden på panelen. Det innebär att det bevarar visningen av färgrutor som har tilldelats ett visst videosegment.

Kontinuerlig

Om antalet miniatyrbilder i ett segment är mindre än det antal som visas på panelen i continuous visningsläget 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.

videon i det här avsnittet är ett exempel på continuous visningsläget.

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. Välj InteractiveSwatches på den nedrullningsbara menyn Selected Components på fliken Beteende. 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:

Videoundersegment
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-ikonbilden väljer du ImageMapEffect på fliken Appearance i Selected Component. Under Icon väljer du Background och i fältet Image navigerar du till den bakgrundsbild du vill ha.

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 väljer du Tools (hammikon) > Assets > Viewer Presets i den vänstra listen.

  2. På sidan Viewer Preset (Visningsförinställning), under kolumnrubriken State, väljer 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.

Förinställningar för Publish Viewer 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.

Om du vill leverera en resurs med en visningsförinställning måste visningsförinställningen också publiceras. Alla visningsförinställningar måste aktiveras och publicerade för att URL-adressen eller inbäddningskoden ska kunna hämtas 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 Assets.

Så här publicerar du visningsförinställningar:

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

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 väljer du Tools (hammikon) > Assets > Viewer Presets i den vänstra listen.
  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 visningsprogrammets förinställningstyper i alfabetisk eller omvänd alfabetisk ordning.

Redigera förinställningar för visningsprogram editing-viewer-presets

Att redigera fördefinierade, körklara visningsförinställningar stöds inte. 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 väljer du Tools (hammikon) > Asset > Viewer Presets i den vänstra listen.

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

  3. Välj Edit i verktygsfältet.

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

    Välj Desktop, Tablet eller Phone på fliken Appearance i det övre vänstra hörnet på sidan för redigering av visningsförinställningar 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 för visningsförinställningar.
    • Välj Cancel om du vill annullera ändringar som du har 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 väljer du Tools (hammikon) Assets > Viewer Presets i det vänstra hörnet.
  2. Markera en förinställningsrubrik på sidan Visningsförinställningar och välj sedan ikonen Trash.
  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 för att dela med andra användare.

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

Mer information om hur du hämtar URL:er för visningsförinställningar finns i Länka URL:er till ditt webbprogram. Se även Bädda in videovisningsprogrammet 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 Assets på sidor.

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