Viewer-voorinstellingen beheren

Een voorinstelling voor de viewer is een verzameling instellingen die bepalen hoe gebruikers multimedia-elementen op hun computerschermen en mobiele apparaten weergeven. Beheerders kunnen voorinstellingen voor viewers maken. Er zijn instellingen beschikbaar voor een array met viewerconfiguratieopties. U kunt bijvoorbeeld de weergavegrootte of het zoomgedrag van de viewer wijzigen.

Raadpleeg de HTML Dynamic Media voor instructies voor het maken en aanpassen van uw eigen Adobe5-viewervoorinstellingen HTML5 Viewer SDK API-documentatie. De SDK is beschikbaar op de IS-publicatieserver die is ingesloten in de SDK zelf. Elke bibliotheekversie heeft zijn eigen documentatie van SDK inbegrepen.

Pad: <scene7_domain>/s7sdk/<library_version>/docs/jsdocs/index.html.
Bijvoorbeeld 3.10 SDK: https://s7d1.scene7.com/s7sdk/3.10/docs/jsdoc/index.html

Zie ook de Adobe Dynamic Media Viewers Reference Guide.

In deze sectie wordt beschreven hoe u voorinstellingen voor viewers kunt maken, bewerken en beheren. U kunt een viewervoorinstelling op elk gewenst moment op een element toepassen. Zie Viewer-voorinstellingen toepassen.

OPMERKING

Alle Voorinstellingen voor vooraf gedefinieerde viewers buiten de box is geen ondersteund scenario. Als u probeert een voorinstelling voor een viewer buiten het vak te bewerken, wordt u gevraagd de voorinstelling van de viewer op te slaan onder een andere naam.

Toetsenbordtoegankelijkheid voor viewers

Alle viewers die niet in de verpakking zijn opgenomen, ondersteunen toegankelijkheid van het toetsenbord.

Zie ook Toetsenbordtoegankelijkheid en -navigatie.

Viewer-voorinstellingen beheren

U kunt in Adobe Experience Manager voorinstellingen voor viewers toevoegen, bewerken, verwijderen, publiceren, ongedaan maken en een voorvertoning weergeven door te tikken Tools (hamerpictogram) > Assets > Viewer Presets.

6_5_tools-assets-viewerpresets

OPMERKING

Standaard geeft het systeem 15 voorinstellingen voor viewers weer wanneer u Viewers selecteert in de gedetailleerde weergave van elementen. U kunt deze limiet verhogen. Zie Het aantal weergegeven viewervoorinstellingen verhogen.

Viewer-ondersteuning voor responsieve webpagina's

Verschillende webpagina's hebben verschillende behoeften. Soms wilt u bijvoorbeeld een webpagina die een koppeling bevat waarmee de HTML5 Viewer in een apart browservenster wordt geopend. In andere gevallen kan het nodig zijn de HTML5 Viewer rechtstreeks in te sluiten op de hostpagina. In het laatste geval kan de webpagina een statische indeling hebben. Of de interface reageert mogelijk op een ander scherm op verschillende apparaten of voor verschillende venstergrootten in de browser. Om aan deze behoeften tegemoet te komen, ondersteunen alle vooraf gedefinieerde, kant-en-klare HTML5 Viewers die bij Dynamic Media worden geleverd zowel statische webpagina's als responsieve webpagina's.

Zie Responsieve afbeeldingsbibliotheek voor meer informatie over het insluiten van responsieve viewers op uw webpagina's.

OPMERKING

Publiceer alle viewers die niet in de box staan voordat u ze voor het eerst gebruikt.
Zie [Voorinstellingen van viewer publiceren].(#publishing-viewer-presets)

Compatibiliteit van het systeem met voorinstellingen voor viewers

Alle voorinstellingen voor viewers buiten de box die bij Dynamic Media worden geleverd, zijn volledig compatibel met de volgende systemen:

  • Desktops
  • Apple iPhone
  • Apple iPad
  • Android™-smartphone
  • Android™-tablet
  • Voor video is aanvullende ondersteuning voor het afspelen van MP4 beschikbaar BlackBerry® en Windows-telefoon.

Rijke mediatypen voor viewervoorinstellingen

Beheerders kunnen de volgende rich media-typen toevoegen en aanpassen bij het maken van voorinstellingen voor viewers.

Carousel-set

Hotspots of afbeeldingen met hyperlinks of beide worden toegevoegd aan een reeks van twee of meer afbeeldingen. Een klant kan de afbeeldingen naar links of rechts pannen en vervolgens een hotspot op een afbeelding selecteren voor meer informatie of voor directe aankoop van de categorie, de startpagina of de landingspagina's van een website.

Dimensionaal

Hiermee geeft u 3D-scènes weer waarmee u de camera kunt draaien, pannen, zoomen of opnieuw centreren.

Zoomen met flyout

Hiermee geeft u een tweede afbeelding van het ingezoomde gebied weer naast de oorspronkelijke afbeelding. Er zijn geen besturingselementen om te gebruiken. Gebruikers verplaatsen de selectie over het gebied dat ze willen weergeven.

Houd er bij het bepalen van het totale bandbreedtegebruik voor deze viewer rekening mee dat zowel de hoofdafbeelding als de vervolgafbeelding in de viewer worden weergegeven. De grootte van de vervolgafbeelding wordt bepaald door de grootte van de hoofdafbeelding (breedte en hoogte van werkgebied) en de zoomfactor. Als u wilt voorkomen dat de flyout-bestandsgrootte te groot wordt, brengt u de volgende twee waarden met elkaar in evenwicht: Als u een grote hoofdafbeeldingsgrootte hebt, verlaagt u de waarde voor Zoomfactor. (De breedte en hoogte van de Flyout bepalen de grootte van het wegvliegvenster, maar niet de grootte van het vliegend beeld dat aan de kijker wordt gediend.)

Als de hoofdafbeelding bijvoorbeeld 350 x 350 pixels groot is, met een zoomfactor van 3, is de resulterende uitvliegafbeelding 1050 x 1050 pixels. Als de hoofdafbeeldingsgrootte 300 x 300 pixels is, met een zoomfactor van 4, is de vervolgafbeelding 1200 x 1200 pixels. Afhankelijk van de kwaliteitsinstelling JPEG (aanbevolen instellingen liggen tussen 80 en 90), kunt u de bestandsgrootte aanzienlijk verkleinen. De aanbevolen zoomfactoren zijn 2,5 tot 4, afhankelijk van de grootte van de hoofdafbeelding.

Inline zoomen Hiermee geeft u een afbeelding weer van het ingezoomde gebied in de oorspronkelijke viewer. Er zijn geen besturingselementen om te gebruiken. Gebruikers verplaatsen de selectie dus over het gebied dat ze willen weergeven.
Afbeeldingsset In de Vastgestelde kijker van het Beeld, kunnen de gebruikers verschillende meningen of kleurenvariaties van een punt zien door een duimnagelbeeld te selecteren. Deze viewer beschikt ook over zoomgereedschappen waarmee u afbeeldingen nauwkeurig kunt bekijken.
Interactieve afbeelding Hotspots worden toegevoegd aan delen van een afbeelding die een klant vervolgens kan selecteren voor meer informatie of voor directe aankoop van de categorie, de startpagina of de landingspagina's van een website.
Interactieve video Miniaturen worden toegevoegd aan tijdlijnsegmenten in een video die een klant vervolgens kan selecteren voor meer details of voor directe aankoop van de categorie, de startpagina of de bestemmingspagina's van een website.
Gemengde media Hiermee geeft u verschillende typen media weer in één viewer. U kunt centrifuges, afbeeldingssets, afbeeldingen en video's opnemen.
Panoramische afbeelding

Met de Panoramische afbeelding en de Panoramische VR-viewers worden bolvormige panoramische afbeeldingen weergegeven zodat gebruikers deze kunnen bekijken in een 360°-kijkervaring van een ruimte, eigenschap, locatie of landschap.

Een geüploade afbeelding kan alleen als een bolvormig panorama worden beschouwd als de afbeelding een van de volgende opties of beide heeft:

  • Een hoogte-breedteverhouding van 2:1.
  • Gecodeerd met de trefwoorden equirectangular, of spherical en panorama, of spherical en panoramic. Zie Tags gebruiken.

Zowel zijn de aspectverhouding als de sleutelwoordcriteria van toepassing op panoramische activa voor de de detailpagina van activa en de component van "Panoramische Media" WCM.

Belangrijk: Deze viewer is alleen beschikbaar in de modus Dynamic Media - Scene7.

Video over slim uitsnijden

Met deze viewer kunt u automatisch het brandpunt in een video detecteren en uitsnijden.

Set draaien Biedt meerdere weergaven van een afbeelding, zodat gebruikers het object kunnen draaien om de verschillende zijden en hoeken te bekijken.
360-video

Met de 360/VR-videoviewer kunt u rechthoekige video renderen voor een indrukwekkende kijkervaring van een kamer, eigenschap, locatie, landschap of medische procedure.

Tijdens het afspelen op een plat beeldscherm heeft de gebruiker controle over de kijkhoek; Bij het afspelen op mobiele apparaten worden doorgaans de ingebouwde gyroscopische besturingselementen toegepast.

De viewer bevat native ondersteuning voor de levering van 360 video-elementen. Standaard is geen aanvullende configuratie nodig voor weergave of afspelen. U levert 360 Video gebruikend standaardvideouitbreidingen zoals .mp4, .mkv, en .mov. De meest algemene codec is H.264.

Belangrijk: Deze viewer is alleen beschikbaar in de modus Dynamic Media - Scene7.

Video

Speelt video af met progressieve of adaptieve bitsnelheidstreaming. Bij adaptieve bitsnelheidstreaming worden automatisch apparaat- en bandbreedtedetectie uitgevoerd voor de juiste videokwaliteit in de juiste indeling.

Verticaal zoomen

Met de verticale zoomviewer kunt u een productafbeeldingsweergave maximaliseren, zodat uw gebruikers de beste weergave van een product krijgen. De verticale locatie van stalen doet het volgende:

  • Hiermee zorgt u ervoor dat stalen zich boven de vouw bevinden.
    Bij horizontale stalen zijn deze, afhankelijk van de grootte van het bureaublad van de gebruiker, pas zichtbaar wanneer de gebruiker de pagina omlaag schuift. Door de stalen verticaal in de viewer te plaatsen, weet u zeker dat ze zichtbaar zijn, ongeacht de schermgrootte van de gebruiker.
  • Maximaliseert de hoofdafbeeldingsgrootte.
    Met horizontale stalen is het nodig ruimte op de pagina te reserveren om ervoor te zorgen dat deze zichtbaar zijn. Hierdoor nam de grootte van de hoofdafbeelding af. Met een verticale staallay-out hoeft u deze ruimte echter niet toe te wijzen. Op die manier kunt u de grootte van de hoofdafbeelding maximaliseren.
Zoomen Hiermee kunnen gebruikers inzoomen op het gebied door het te selecteren. Gebruikers kunnen besturingselementen selecteren om in te zoomen, uit te zoomen en de standaardgrootte van de afbeelding te herstellen.

Lijst met voorinstellingen voor viewers buiten de box

In de volgende tabel worden alle vooraf gedefinieerde, kant-en-klare Viewer-voorinstellingen weergegeven die bij Dynamic Media worden geleverd.

Zie ook Live demo's.

Voor informatie over ondersteunde webbrowsers en besturingssysteemversies voor Viewers kunt u de Opmerkingen bij de release Viewers bekijken.

Zie Opmerkingen bij de release van viewers in de inhoudsopgave van het dialoogvenster Referentiehandleiding voor viewers.

OPMERKING

Alle voorinstellingen voor viewers die niet in de box zijn opgeslagen, zijn al geactiveerd (ingeschakeld), maar u moet ze wel publiceren.
Zie Voorinstellingen van viewer publiceren.

Alle nieuwe viewervoorinstellingen die u maakt en toevoegt, moeten zowel worden geactiveerd *als *gepubliceerd.
Zie Viewer-voorinstellingen activeren of deactiveren en Voorinstellingen van viewer publiceren.

Titel van voorinstelling van viewer Type CSS-bestandsnaam
Carrousel_Gestippeld_donker Carousel_Set html5_carouselviewer_dotted_dark.css
Carrousel_Gestippeld_licht 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
Dimensionaal Dimensionaal html5_dimensionalviewer.css
Flyout Flyout_Zoom html5_flyoutviewer.css
Afbeeldingsset_donker Afbeeldingsset html5_zoomviewer_dark.css
ImageSet_light Afbeeldingsset html5_zoomviewer_light.css
InlineMixedMedia_donker Gemengd_Media html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light Gemengd_Media html5_inlinemixedmediaviewer_light.css
InlineZoom Flyout_Zoom html5_inlinezoomviewer.css
GemengdMedia_donker Gemengd_Media html5_mixedmediaviewer_dark.css
GemengdMedia_licht Gemengd_Media html5_mixedmediaviewer_light.css
PanoramaImage Panorama_Afbeelding html5_panoramicimage.css
PanoramaImageVR Panorama_Afbeelding html5_panoramicimage.css
Shopable_Banner Interactive_Image html5_interactiveimage.css
Shopable_Video_black Interactive_Video html5_interactivevideoviewer_dark.css
Shopable_Video_light Interactive_Video html5_interactivevideovewer_light.css
SmartCropVideo Smart_Crop_Video html5_smartcropvideoviewer.css
SmartCropVideo_social Smart_Crop_Video html5_smartcropvideoviewersocial.css
SpinSet_donker Spin_set html5_spinviewer_dark.css
SpinSet_light Spin_set html5_spinviewer_light.css

Video

(inclusief ondersteuning voor ondertiteling)

Video html5_videoviewer.css

Video360_social

(Inclusief standaardbesturingselementen voor het afspelen van video, videorendering wordt uitgevoerd in de stereomodus, handmatige besturing van het gezichtspunt is uitgeschakeld, maar gyroscopische besturing is ingeschakeld en er zijn geen functies voor sociale media)

Video_360 html5_video360viewersocial.css

Video360VR

(Ontworpen voor eindgebruikers die een virtuele realiteitsbril gebruiken. Inclusief standaardbesturingselementen voor het afspelen van video en functies voor sociale media)

Video_360 html5_video360viewer.css

Video_social

(Inclusief ondersteuning voor ondertiteling en sociale media)

Video html5_videoviewersocial.css
Zoomen_donker
Zoomen
html5_basiczoomviewer_dark.css
Zoomen_licht
Zoomen html5_basiczoomviewer_light.css
ZoomenVerticaal_donker
Verticaal_Zoomen html5_zoomverticalviewer_dark.css
ZoomVertical_light Verticaal_Zoomen html5_zoomverticalviewer_light.css

Matrix voor ondersteunde mobiele viewers

In de volgende tabel worden de bewegingen van de mobiele viewer weergegeven die worden ondersteund op iOS-, Android™ 2.x- en Android™ 3.x-apparaten.

Gesture Zoomen met flyout Zoomen Draaien

Slepen

Pannen

Pannen

Pannen

Selecteer

Flyout-venster tonen

De gebruikersinterface weergeven of verbergen

De gebruikersinterface weergeven of verbergen

Dubbeltikken

Niet van toepassing

Inzoomen of voorinstellingen

Inzoomen of voorinstellingen

Kneep open

Niet van toepassing

Inzoomen (alleen iOS en Android™, 3x)

Inzoomen (alleen iOS en Android™, 3x)

Kneep dicht

Niet van toepassing

Uitzoomen (alleen iOS en Android™, 3x)

Uitzoomen (alleen iOS en Android™, 3x)

Veeggebaar

Schuift de staalbalk

Afbeeldingen schuiven

Spinnen

Vlikken

Schuift de staalbalk

Afbeeldingen schuiven

Spinnen

Het aantal weergegeven Viewer-voorinstellingen vergroten

Experience Manager toont een groot aantal verschillende viewervoorinstellingen wanneer een element wordt weergegeven vanuit Detail View > Viewers. U kunt het aantal weergegeven viewers verhogen of verlagen.

Het aantal weergegeven Viewer-voorinstellingen verhogen:

  1. Navigeren naar CRXDE Lite (https://localhost:4502/crx/de).

  2. Navigeer naar het knooppunt met voorinstellingen voor viewer op de volgende locatie:

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

    chlimage_1-221

  3. Wijzig in de eigenschap limit de Value, die standaard op 15 is ingesteld, in het gewenste getal.

  4. Navigeer naar de vooraf ingestelde gegevensbron voor de viewer op /libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource

    chlimage_1-222

  5. Wijzig in de eigenschap limit het getal in het gewenste getal, bijvoorbeeld {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

  6. Selecteer Save All.

Een voorinstelling voor viewers maken

Door viewervoorinstellingen te maken, kunt u verschillende instellingen toepassen op weergave en interactie met elementen. U hoeft echter geen voorinstellingen voor viewers te maken. Desgewenst kunt u de standaardvoorinstellingen voor viewers gebruiken die al bij AEM Assets worden geleverd.

Als u een viewervoorinstelling maakt nadat u deze hebt opgeslagen, wordt de status van de viewer automatisch geactiveerd (ingesteld op On) op de pagina Voorinstellingen viewer. Deze status betekent dat deze zichtbaar is in de Dynamic Media-component en de Interactieve Media-component en wanneer u een voorvertoning van een afbeelding of video weergeeft.

Sommige voorinstellingen voor viewers hebben exclusieve instellingen die het gebruik en het algemene gedrag van de viewer kunnen beïnvloeden. Afhankelijk van de viewervoorinstelling die u maakt, is het verstandig rekening te houden met deze speciale overwegingen.

Zie Speciale overwegingen voor het maken van een voorinstelling voor een interactieve viewer.

Zie Speciale overwegingen voor het maken van een voorinstelling voor de Carousel Banner Viewer.

Een voorinstelling voor de viewer maken:

  1. Selecteer in de linkerbovenhoek van de Experience Manager het logo van de Experience Manager en selecteer vervolgens in de linkerspoorstaaf de optie Tools (hamerpictogram) > Assets>Viewer Presets.

    6_5_viewervoorinstellingen

  2. Selecteer op de pagina Voorinstellingen viewer op de werkbalk de optie Create.

  3. In de New Viewer Preset in het dialoogvenster Preset Name voert u de naam van de nieuwe voorinstelling in. Een naam zorgvuldig kiezen: deze kan niet worden bewerkt nadat u een Create.

    Wanneer u de voorinstelling later in deze stappen opslaat, wordt de naam weergegeven op de pagina Voorinstellingen viewer onder de kolomkop Titel voorinstelling.

  4. Selecteer in het vervolgkeuzemenu Type rijke media het type voorinstelling voor de viewer dat u wilt maken en selecteer vervolgens in de rechterbovenhoek van de pagina de optie Create.

    Zie Rijke mediatypen voor viewervoorinstellingen.

  5. Selecteer op de pagina Viewer Preset Editor de optie Appearance tab.

  6. Voer een van de volgende handelingen uit:

    • In de Selected Type keuzemenu, selecteer een component waarvan visueel ontwerp u wilt aanpassen. U kunt ook elk visueel element in de viewer selecteren om het te selecteren voor configuratie.

      Met de visuele editor kunt u zien welk effect een bepaalde eigenschap heeft op een stijl. Stel een eigenschap in of pas deze aan om direct te zien welk effect het heeft op de viewer met behulp van het voorbeeld links van de editor.

      De CSS-opmaakeigenschappen voor elk type viewer-voorinstelling worden beschreven in het gedeelte "Aanpassen <viewer name> Help-onderwerp van de viewer Referentiehandleiding voor viewers. Als u bijvoorbeeld een viewervoorinstelling van het type maakt Mixed_Media, zie Gemengde Media Viewer aanpassen voor een lijst en beschrijving van elke eigenschap.

    • Als u stijlinstellingen hebt gedefinieerd in een afzonderlijk CSS-bestand, kunt u het CSS-bestand uploaden naar AEM Assets. Selecteren Import CSS onder de Selected Type pull-down menu (indien nodig, scrol de visuele redacteur omhoog om het te zien) zodat kunt u het geüploade CSS dossier vinden en het associëren met de kijker vooraf ingestelde.

      Wanneer u een CSS-bestand importeert, controleert de visuele editor of de CSS de juiste viewermarkeringen gebruikt. Als u bijvoorbeeld een zoomviewer maakt, moeten alle CSS-regels die u importeert, worden gedefinieerd met de naam van de viewerklasse .s7mixedmediaviewer gedefinieerd voor een bovenliggend viewerelement.

      U kunt willekeurige, handgemaakte CSS importeren zolang deze de CSS-markeringen voor een bepaalde viewer correct definieert. (CSS-markeertekens worden in elke "Aanpassen" beschreven <viewer name=""> Help-onderwerp van de viewer Referentiehandleiding voor viewers. Als u bijvoorbeeld wilt lezen over CSS-markeringen voor de Zoomviewer, raadpleegt u Zoomviewer aanpassen.) Het is echter mogelijk dat de visuele editor bepaalde CSS-waarden niet begrijpt. In dergelijke gevallen probeert de visuele editor de fouten te negeren zodat de CSS nog steeds werkt.

    OPMERKING

    Selecteer Show/Hide CSS onder het keuzemenu Geselecteerde tekst (schuif indien nodig de visuele editor omhoog om deze te zien).
    Als de visuele redacteur, wanneer u een bezit direct in CSS verandert, ziet u onmiddellijk welk effect het op de kijkerssteekproef heeft. En, wordt dat zelfde bezit automatisch bijgewerkt tezelfdertijd in de visuele redacteur. Als zodanig kunt u de onbewerkte CSS-editor of de visuele editor gebruiken, of beide door elkaar gebruiken.

    OPMERKING

    Voor knopillustraties kiest u de 2x-afbeelding en uploadt u kunstwerk met hoge resolutie. Wanneer u werkt met interactieve afbeeldingen en schopbare banners, kunt u ook verschillende hotspotknoppen uit de doos selecteren.

  7. (Optioneel) Selecteer boven aan de pagina Voorinstelling viewer bewerken de optie Desktop, Tablet, of Phone Hiermee definieert u unieke visuele stijlen voor verschillende apparaat- en schermtypen.

  8. Selecteer op de pagina Viewer Preset Editor de optie Behavior tab. U kunt ook elk visueel element in de viewer selecteren om het te selecteren voor configuratie.
    Bijvoorbeeld voor VideoPlayer tekst, onder Modifiers > Playback kunt u kiezen uit een van de drie adaptieve opties voor bitsnelheidstreaming:

    • dash - Video's worden alleen als streepje gestreamd. Op Safari/iOS-apparaten moet u echter hls als het type.
    • hls - Video's worden alleen als hls gestreamd.
    • auto - Beste praktijken. Het maken van DASH- en HLS-streams is geoptimaliseerd voor opslag. Daarom raadt Adobe u aan altijd auto als het afspeeltype. Video's worden gestreamd als strepen, hls of progressief, zoals in de volgende afspeelvolgorde:
      • Als de browser DASH ondersteunt, wordt eerst DASH-streaming gebruikt.
      • Als de browser geen ondersteuning biedt voor DASH, wordt vervolgens HLS-streaming gebruikt.
      • Als de browser DASH of HLS niet ondersteunt, wordt progressief afspelen gebruikt, tot slot.
    OPMERKING

    Om de dash moet deze optie eerst worden ingeschakeld door Adobe Technical Support op uw account. Zie DASH inschakelen voor uw account.

  9. Selecteer in het vervolgkeuzemenu Selected Type een component waarvan u het gedrag wilt wijzigen.

    Veel componenten in de visuele editor hebben een gedetailleerde beschrijving. Deze beschrijvingen worden weergegeven in blauwe vakken wanneer u een component uitbreidt om de bijbehorende parameters weer te geven.

    Sommige viewertypen bevatten componenten waarmee u opdrachten voor het leveren van afbeeldingen in een tekstveld IS Command kunt opgeven. Zie de Referentie van de API voor het leveren van afbeeldingen voor een lijst met opdrachten die u kunt gebruiken.

    OPMERKING

    Als u een aanraakapparaat gebruikt, zoals een telefoon of tablet…

    Nadat u een waarde in het tekstgebied typt, selecteer elders in het gebruikersinterface om de verandering voor te leggen en het virtuele toetsenbord te sluiten. Als u Enter selecteert, vindt geen actie plaats.

  10. Selecteer in de rechterbovenhoek van de pagina de optie Save.

  11. Publiceer uw nieuwe viewervoorinstelling zodat u deze op uw website kunt gebruiken.

    Zie Voorinstellingen van viewer publiceren.

    BELANGRIJK

    Voor oude video's die een adaptief streamingprofiel voor bitsnelheid gebruiken, wordt de URL verder op de gebruikelijke wijze afgespeeld — met HLS-streaming — totdat u de video-elementen opnieuw verwerken. Na de opwerking blijft dezelfde URL werken, maar nu met beide DASH- en HLS-streaming ingeschakeld.

Speciale overwegingen voor het maken van een voorinstelling voor een interactieve viewer

Informatie over weergavemodi voor afbeeldingsminiaturen in het deelvenster

Wanneer u een voorinstelling voor een interactieve videoviewer maakt of bewerkt, kunt u kiezen welke instelling voor de weergavemodus moet worden gebruikt wanneer u InteractiveSwatches van de Selected Component menu onder Behavior tab. De weergavemodus die u kiest, bepaalt hoe en wanneer miniaturen worden weergegeven terwijl de video wordt afgespeeld. U kunt een van de segmentweergavemodus (standaard) of een continuous weergavemodus.

Weergavemodus Beschrijving
Segment

Segment is de standaardweergavemodus voor de voorinstellingen van de uit-van-box Interactive Video Viewer Shoppable_Video_light en Shoppable_Video_dark en alle interactieve voorinstellingen voor de video-viewer die u zelf maakt.

Wanneer in deze modus minder miniaturen zijn toegewezen aan een videosegment dan het aantal zichtbare vlekken in het deelvenster. Miniaturen uit de volgende of vorige subsegmenten zijn ook niet worden ingedrukt om lege vlekken in het deelvenster te vullen. Met andere woorden, het behoudt de weergave van stalen die aan het specifieke videosegment zijn toegewezen.

Doorlopend

In continuous in de weergavemodus: als het aantal miniaturen in een segment kleiner is dan het aantal dat in het deelvenster zichtbaar is, neemt de viewer automatisch de weergave van miniaturen van het volgende segment op. Of de viewer bevat automatisch de weergave van de miniaturen van het vorige segment, in gevallen waarin de laatste miniatuur wordt weergegeven.

De video in dit onderwerp is een voorbeeld van het continuous weergavemodus.

Over het gedrag voor automatisch schuiven in de Interactieve videoviewer

Het gedrag voor automatisch schuiven van miniaturen in de Interactieve videoviewer werkt onafhankelijk van de gekozen weergavemodus.

Wanneer u een voorinstelling voor een interactieve videoviewer maakt of bewerkt, hebt u via het tabblad Gedrag toegang tot Automatisch schuiven. Ga op het tabblad Gedrag naar het tabblad Selected Components vervolgkeuzelijst, selecteert u InteractiveSwatches. Het selectievakje Automatisch schuiven wordt weergegeven onder het tekstveld IS-opdracht.

Als u Auto Scroll uitschakelt (het selectievakje wist) in de viewervoorinstelling, wordt tijdens het afspelen van video door de gebruiker in het deelvenster alleen de eerste miniatuurafbeelding voor de volledige lengte van de video weergegeven. Een gebruiker kan echter desgewenst handmatig door de miniaturen bladeren met de pictogrammen pijl-omhoog en pijl-omlaag.

Wanneer u Auto Scroll inschakelt (selecteert) in de viewervoorinstelling, schuiven miniatuurafbeeldingen die aan een videosegment zijn toegewezen tijdens het afspelen van de video naar het begin van een segment. Er zijn echter gevallen waarin bepaalde miniaturen in een segment tweemaal zo lang worden weergegeven als andere miniaturen ervoor of erna. Dit gedrag treedt op omdat het aantal miniaturen in een segment groter is dan het aantal dat zichtbaar is in het deelvenster en dat aantal niet gelijkmatig kan worden verdeeld.

Stel dat u een videosegment van 30 seconden hebt om dit te illustreren. En er zijn in totaal negen miniaturen die gedurende de 30 seconden moeten worden weergegeven. De grootte van de browser is zodanig dat er vier zichtbare miniatuurposities in het weergavevenster aanwezig zijn. Het videotijdsegment van 30 seconden wordt verdeeld in drie subsegmenten. In de volgende tabel wordt de verdeling weergegeven van de miniaturen voor een bepaald tijdsubsegment:

Video-subsegment Tijd van subsegment in seconden Miniaturen die zichtbaar zijn in het deelvenster
1 0-10 1, 2, 3, 4
2 10-20 4, 5, 6, 7
3 20-30 6, 7, 8, 9

Het videosubsegment 3 reikt niet verder dan de miniaturen die eraan zijn toegewezen. De miniaturen 4, 6 en 7 zijn twee keer zo lang in het deelvenster zichtbaar als de andere miniaturen.

De logica die de viewer gebruikt voor het aantal miniaturen dat in het deelvenster wordt weergegeven op basis van het aantal beschikbare posities is als volgt:

  • Aantal subsegmenten = rond tot volgende subsegment (aantal duimnagels/aantal zichtbare groeven in het duimnagelpaneel, gebaseerd op browser venstergrootte).
    Aan de hand van het voorbeeld in de bovenstaande tabel 9 miniaturen / 4 sleuven = 2,25; in de viewerlogica worden maximaal drie subsegmenten gerenderd.

  • Aantal miniaturen = afgerond tot op de volgende miniatuur (aantal miniaturen / aantal videosubsegmenten).
    In het bovenstaande voorbeeld worden 9 miniaturen / 3 videosubsegmenten = 3 miniaturen gebruikt.

  • Duur van subsegment = totale videoduur / aantal videosubsegmenten.
    Gebruikend het voorbeeld in de bovenstaande lijst, 30 seconden/3 videosubsegments = 10 secondevertoning van elk videosubsegment.

Als u voorinstellingen voor de Carousel Banner-viewer maakt, kunt u de stijl van hotspots als volgt wijzigen:

Beschrijving Handelingen
Hotspot Icon Het pictogram voor hotspot wijzigen Als u de afbeelding van het hotspot-pictogram wilt wijzigen, gaat u naar Appearance tab, in Selected Component, selecteert u ImageMapEffect. Selecteer onder Icon de optie Background en ga in het veld Image naar de gewenste achtergrondafbeelding.

Viewer-voorinstellingen activeren of deactiveren

De Viewer-voorinstellingen die beschikbaar zijn in de gebruikersinterface, zijn afhankelijk van de vraag welke voorinstellingen actief zijn in de modus Auteur. Een viewervoorinstelling is standaard ingeschakeld nadat u deze hebt gemaakt. Als u de voorinstelling uitschakelt, wordt deze niet weergegeven in de modus Auteur. Als de voorinstelling wordt gepubliceerd, wordt deze altijd gepubliceerd, ongeacht of deze wordt in- of uitgeschakeld. U kunt voorinstellingen voor viewers desactiveren als de lijst te log wordt of als u niet wilt dat een voorinstelling voor viewers kan worden gebruikt.

Viewer-voorinstellingen activeren of deactiveren:

  1. Selecteer in de linkerbovenhoek van de Experience Manager het logo van de Experience Manager en selecteer vervolgens in de linkerspoorstaaf de optie Tools (hamerpictogram) > Assets > Viewer Presets.

  2. Op de voorinstellingspagina van de viewer, onder de State kolomkop, selecteert u de schakeloptie om een viewervoorinstelling te activeren of deactiveren.

    De viewervoorinstellingen die worden geactiveerd, worden aan de rechterkant weergegeven, in een blauw vak. bij gedeactiveerde viewervoorinstellingen wordt de schakeloptie links weergegeven, in een lichtgrijs vak.

Voorinstellingen viewer publiceren

Als u de status van een viewervoorinstelling activeert (of inschakelt), is deze zichtbaar in de Dynamic Media-component, de interactieve mediacomponent en wanneer u een element weergeeft.

Aan leveren Als u middelen gebruikt met een viewer-voorinstelling, moet de viewer-voorinstelling ook worden gepubliceerd. Alle voorinstellingen van de viewer moeten worden geactiveerd en gepubliceerd om URL te verkrijgen of code voor een element in te sluiten. Zorg ervoor dat u alle bij Dynamic Media geleverde voorinstellingen voor viewers uit de verpakking activeert en publiceert. Aangepaste viewervoorinstellingen die u maakt en toevoegt, worden automatisch geactiveerd, maar moeten ook worden gepubliceerd.

Zie Viewer-voorinstellingen activeren of deactiveren.

Zie ook Elementen voorvertonen.

Voorinstellingen voor viewer publiceren:

  1. Selecteer in de linkerbovenhoek van de Experience Manager het logo van de Experience Manager en selecteer vervolgens in de linkerspoorstaaf de optie Tools (hamerpictogram) > Assets > Viewer Presets.
  2. Selecteer een of meer voorinstellingen voor viewers die u wilt publiceren.
  3. Selecteer op de werkbalk de optie Publish pictogram.

Viewer-voorinstellingen sorteren

  1. Selecteer in de linkerbovenhoek van de Experience Manager het logo van de Experience Manager en selecteer vervolgens in de linkerspoorstaaf de optie Tools (hamerpictogram) > Assets > Viewer Presets.
  2. Selecteren Preset Title, Type, Published, of State op die kolomkop te sorteren. Selecteer bijvoorbeeld Type om de typen viewervoorinstellingen in alfabetische of omgekeerde alfabetische volgorde te sorteren.

Viewer-voorinstellingen bewerken

Alle Voorinstellingen voor vooraf gedefinieerde viewers buiten de box is geen ondersteund scenario. Als u een voorinstelling voor een viewer buiten de box bewerkt, wordt u gevraagd deze op te slaan onder een andere naam.

Viewer-voorinstellingen bewerken:

  1. Selecteer in de linkerbovenhoek van de Experience Manager het logo van de Experience Manager en selecteer vervolgens in de linkerspoorstaaf de optie Tools (hamerpictogram) > Asset > Viewer Presets.

  2. Selecteer een voorinstelling door het vakje links van de titel van de voorinstelling voor de viewer in te schakelen.

  3. Selecteer op de werkbalk de optie Edit.

  4. Op de Viewer Preset Editor pagina, breng de wijzigingen aan die u in de viewer-voorinstelling wilt aanbrengen met de opties in het dialoogvenster Appearance en Behavior tabs.

    Van de Appearance , in de linkerbovenhoek van de pagina Voorinstellingeneditor van de viewer, selecteert u Desktop, Tablet, of Phone om de presentatiemodus van het element te wijzigen.

  5. Voer in de rechterbovenhoek van de pagina een van de volgende handelingen uit:

    • Selecteren Save om uw wijzigingen op te slaan en terug te keren naar de pagina Voorinstelling viewer.
    • Selecteren Cancel om wijzigingen die u hebt aangebracht te voorkomen en terug te keren naar de pagina Voorinstelling viewer.

Aangepaste voorinstellingen viewer verwijderen

U kunt Viewer-voorinstellingen verwijderen die u hebt gemaakt en aan Dynamic Media hebt toegevoegd.

Aangepaste voorinstellingen van viewer verwijderen:

  1. Selecteer in de linkerbovenhoek van de Experience Manager het logo van de Experience Manager en selecteer vervolgens in de linkerspoorstaaf de optie Tools (hamerpictogram) Assets > Viewer Presets.
  2. Controleer op de pagina Voorinstellingen viewer een titel voor voorinstellingen en selecteer vervolgens de knop Trash pictogram.
  3. Selecteer Delete.

Een Viewer-voorinstelling toepassen op een element

Als u zowel de asset als de geselecteerde viewer al hebt gepubliceerd, worden de knoppen URL en Embed weergegeven nadat u een viewervoorinstelling hebt geselecteerd.

Een Viewer-voorinstelling toepassen op een element:

  1. Open het element in de linkerbovenhoek van de pagina en selecteer het vervolgkeuzemenu en selecteer vervolgens Viewers.

    OPMERKING

    Als u zowel de asset als de geselecteerde viewer al hebt gepubliceerd, worden de knoppen URL en Embed weergegeven nadat u een viewervoorinstelling hebt geselecteerd.

  2. Selecteer een viewervoorinstelling in het linkerdeelvenster, zodat u deze op het element kunt toepassen.

    U kunt kopiëren naar gedeelde URL met andere gebruikers.

Elementen leveren met voorinstellingen voor viewers

Als u de URL's voor Viewer-voorinstellingen wilt ophalen, raadpleegt u URL's koppelen aan uw webtoepassing. Zie ook De video-viewer insluiten op een webpagina.

Als u Experience Manager als uw WCM gebruikt, kunt u elementen toevoegen met behulp van de voorinstellingen van de viewer rechtstreeks op de pagina. Zie Dynamic Media-elementen toevoegen aan pagina's.

Op deze pagina