Voorinstellingen voor Dynamic Media-viewers beheren

Een Dynamic Media-viewervoorinstelling is een verzameling instellingen die bepalen hoe gebruikers rich-media-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 documentatie van de HTML Dynamic Media HTML Adobe5 Viewer SDK API voor instructies voor het maken en aanpassen van uw eigen5-viewervoorinstellingen. 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

Houd er rekening mee dat het bewerken van vooraf gedefinieerde, voorinstellingen voor viewers uit de box geen ondersteund scenario is. 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.

Voorinstellingen voor Dynamic Media-viewers beheren

You can add, edit, delete, publish, unpublish, and preview viewer presets in AEM by tapping Tools > Assets > Viewer Presets.

tools-assets

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 het kan responsief zijn en anders worden weergegeven 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 in de Help van de API voor beeldbewerking voor meer informatie over het insluiten van responsieve viewers op uw webpagina's.

OPMERKING

Houd er rekening mee dat u alle viewers uit de verpakking moet publiceren voordat u ze voor het eerst gebruikt.
Zie Voorinstellingen van viewer publiceren.

Systeemcompatibiliteit met voorinstellingen van viewer

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 wordt extra ondersteuning voor het afspelen van MP4 geboden voor Blackberry en Windows Phone 8.

Rijke mediatypen voor viewervoorinstellingen

Beheerders kunnen de volgende rich media-typen toevoegen en aanpassen bij het maken van nieuwe viewervoorinstellingen.

Rijke mediatypen Beschrijving
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 op een hotspot op een afbeelding klikken voor meer informatie of voor directe aankoop van de categorie, de startpagina of de bestemmingspagina's van een website.
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 Zoom 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 klikken. Deze viewer beschikt ook over zoomgereedschappen waarmee u afbeeldingen nauwkeurig kunt bekijken.
Interactieve afbeelding Hotspots worden toegevoegd aan gedeelten van een afbeelding waarop een klant kan klikken voor meer informatie of voor directe aankoop van de categorie, de startpagina of de bestemmingspagina's van een website.
Interactieve video Miniaturen worden toegevoegd aan tijdlijnsegmenten in een video waarop een klant vervolgens kan klikken voor meer informatie of voor het rechtstreeks kopen vanaf de categorie, de startpagina of de bestemmingspagina 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.
  • Gelabeld met de trefwoorden equirechthoekig, bolvormig en panorama, of bolvormig en panoramisch. 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.
Set draaien Biedt meerdere weergaven van een afbeelding, zodat gebruikers het object kunnen draaien om de verschillende zijden en hoeken te bekijken.
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 dat de stalen zich boven de vouw bevinden. With horizontal swatches, depending on the user’s desktop screen size, swatches were not be visible until the user scrolled down the page. By placing the swatches vertically in the viewer, it ensures that they are visible no matter the user's screen size.
  • Maximizes main image size. 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. With a vertical swatch layout, however, you do not need to allocate this space. As such, you can maximize the main image size.
In-/uitzoomen Hiermee kunnen gebruikers inzoomen op het gebied door erop te klikken. Gebruikers kunnen op besturingselementen klikken om in te zoomen, uit te zoomen en de standaardgrootte van de afbeelding te herstellen.

Lijst met voorinstellingen voor viewers die buiten de box vallen

In de volgende tabel worden alle vooraf gedefinieerde, offline viewervoorinstellingen weergegeven die bij Dynamic Media worden geleverd.

Zie ook Live demos.

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 de Referentiehandleiding voor viewers.

OPMERKING

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

Nieuwe voorinstellingen voor viewers die u maakt en toevoegt, moeten worden geactiveerd en worden gepubliceerd.
Zie Voorinstellingen van viewers activeren of deactiveren en Voorinstellingen van viewer publiceren.

Titel van voorinstelling van viewer Type CSS-bestandsnaam
Carrousel_Gestippeld_donker Carousel_Set html5_carouselviewer_dotted_black.css
Carrousel_Gestippeld_licht Carousel_Set html5_carouselviewer_dotted_light.css
Carousel_Numeric_dark Carousel_Set html5_carouselviewer_numeric_donker.css
Carousel_Numeric_light Carousel_Set html5_carouselviewer_numeric_light.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_donker.css
Shopable_Video_light Interactive_Video html5_interactivevideower_light.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
Video_social (inclusief ondersteuning voor ondertiteling en sociale media) Video html5_videoviewersocial.css
Zoomen_donker In-/uitzoomen html5_basiczoomviewer_dark.css
Zoomen_licht In-/uitzoomen html5_basiczoomviewer_light.css
ZoomenVerticaal_donker Verticaal_Zoomen html5_zoomverticalviewer_donker.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 In-/uitzoomen Draaien
Slepen Pannen Pannen Pannen
Tik op 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 voorinstellingen voor Dynamic Media-viewers dat wordt weergegeven verhogen

AEM toont een groot aantal viewervoorinstellingen wanneer een element van Detail View > Viewers wordt weergegeven. U kunt het aantal weergegeven viewers verhogen of verlagen.

Het aantal voorinstellingen van Dynamic Media-viewers dat wordt weergegeven verhogen:

  1. Navigeer naar CRXDE Lite (http://localhost:4502/crx/de).

  2. Navigeer naar het lijstknooppunt voor viewervoorinstellingen op /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 van de kijker bij /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. Tik op Save All.

Een nieuwe voorinstelling voor een Dynamic Media-viewer maken

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

Als u een nieuwe viewervoorinstelling maakt nadat u deze hebt opgeslagen, wordt de status van de viewer automatisch geactiveerd (ingesteld op On) op de pagina Viewer Presets. Deze status houdt in dat deze zichtbaar is in de component Dynamic Media en de component Interactive Media 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 interactieve viewervoorinstelling.

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

Een nieuwe voorinstelling voor de Dynamic Media-viewer maken:

  1. Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.

    viewervoorinstellingen

  2. Tik op Viewer Presets op de pagina Create op de werkbalk.

  3. Voer in het dialoogvenster New Viewer Preset in het veld Preset Name de naam van de nieuwe voorinstelling in. Kies zorgvuldig een naam. U kunt deze niet bewerken nadat u op Create hebt getikt.

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

  4. Selecteer in het vervolgkeuzemenu Rich Media Type het type voorinstelling voor de viewer dat u wilt maken en tik vervolgens in de rechterbovenhoek van de pagina op Create.

    Zie Rijke mediatypen voor voorinstellingen van viewer.

  5. Tik op het tabblad Voorinstelling voor viewer bewerken op de pagina Appearance.

  6. Voer een van de volgende handelingen uit:

    • Selecteer in het keuzemenu Selected Type een component waarvan u het visuele ontwerp wilt aanpassen. U kunt ook op elk visueel element in de viewer tikken om het te selecteren voor configuratie.

      Met de visuele editor kunt u zien welk effect een bepaalde eigenschap heeft op een stijl. Just set or adjust any property to instantly see what effect it has on the viewer using the sample to the left of the editor.

      De CSS het stileren eigenschappen voor elk type van vooraf ingesteld kijker worden beschreven in om het even welk "Aanpassen <viewer_name> Viewer"Help onderwerp in de Gids van de Verwijzing van Kijkers.

      Als u bijvoorbeeld een viewervoorinstelling van het type Mixed_Media maakt, raadpleegt u 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. Tap Import CSS below the Selected Type pull-down menu (you may need to scroll the visual editor up to see it) to find the uploaded CSS file and associate it with the viewer preset.

      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 viewerklassenaam .s7mixedmediaviewer die is 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 beschreven in het Help-onderwerp ** Viewer" in de Referentiehandleiding voor viewers. Zie Zoomviewer aanpassen als u bijvoorbeeld wilt lezen over CSS-markeringen voor de Zoomviewer.) 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

    Tik Show/Hide CSS onder het keuzemenu Selected Type als u de CSS liever rechtstreeks in de onbewerkte vorm wilt bewerken (u moet mogelijk omhoog schuiven in de visuele editor om de CSS weer te geven).

    Net als de visuele editor kunt u direct in de CSS een wijziging aanbrengen in een eigenschap en zo zien welk effect dit heeft op het viewervoorbeeld. 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 illustraties met hoge resolutie. Wanneer u werkt met interactieve afbeeldingen en schokkende banners, kunt u ook verschillende hotspotknoppen uit de doos selecteren.

  7. (Optioneel) Tik boven aan de pagina Edit Viewer Preset, Tablet of Phone om visuele stijlen op unieke wijze te definiëren voor verschillende apparaat- en schermtypen.Desktop

  8. Tik op de Edit Viewer Preset-pagina op het tabblad Gedrag. U kunt ook op een visueel element in de viewer tikken of erop klikken om het voor de configuratie te selecteren.

  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 hebben componenten waarmee u opdrachten voor het leveren van afbeeldingen kunt opgeven in een tekstveld IS Command. 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 tekstveld hebt getypt, tikt u ergens anders in de gebruikersinterface om de wijziging te verzenden en sluit u het virtuele toetsenbord. Als u Enter tikt, vindt geen actie plaats.

  10. Tik in de rechterbovenhoek van de pagina op Save.

  11. Publiceer uw nieuwe viewervoorinstelling. U moet de voorinstelling publiceren voordat u deze op uw website kunt gebruiken.

    Zie Voorinstellingen van viewer publiceren.

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 aangeven welke instelling Display Mode moet worden gebruikt wanneer u InteractiveSwatches in het keuzemenu Selected Component onder het tabblad Behavior selecteert. De gekozen weergavemodus bepaalt hoe en wanneer miniaturen worden weergegeven terwijl de video wordt afgespeeld. U kunt een segmentweergavemodus (standaard) of een continuousweergavemodus kiezen.

Weergavemodus Beschrijving
Segment Segment is de standaardweergavemodus voor de voorinstellingen Shopable_Video_light en Shopable_Video_donker voor de uit-van-box Interactieve video-viewer en alle interactieve voorinstellingen van de video-viewer die u zelf maakt.
Als er in deze modus minder miniaturen zijn toegewezen aan een videosegment dan het aantal zichtbare vlekken in het weergavevenster, worden miniaturen van de volgende of vorige subsegmenten niet naar de lege vlekken in het deelvenster getrokken. Met andere woorden, het behoudt de weergave van stalen die aan het specifieke videosegment zijn toegewezen.
Continuous Als in de weergavemodus Continuous 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 of het vorige segment op, in gevallen waarin de laatste miniatuur wordt weergegeven.

Het gedrag Automatisch schuiven in de interactieve video-viewer

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, opent u Auto Scroll via het tabblad Behavior. Tik in het tabblad Gedrag vanuit het vervolgkeuzemenu Selected Components op InteractiveSwatches. Het selectievakje Auto Scroll 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 30 tweede videotijdsegment wordt verdeeld in drie subsegmenten. In de volgende tabel wordt de verdeling weergegeven van de miniaturen voor een bepaald tijdsubsegment:

Subsegment video 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

Subsegment video 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 = afgerond tot het volgende subsegment (aantal miniaturen/aantal zichtbare sleuven in het deelvenster met miniaturen, op basis van de grootte van het browservenster).

    Aan de hand van het voorbeeld in de bovenstaande tabel 9 miniaturen / 4 sleuven = 2,25; De viewerlogica rondt deze tot drie subsegmenten.

  • Aantal miniaturen = afgerond tot op de volgende miniatuur (aantal miniaturen / aantal videosubsegmenten).

    In het bovenstaande voorbeeld worden 9 miniaturen / 3 videosubsegmenten = 3 miniaturen gebruikt.

  • Duration of sub-segment = total video duration / number of video sub-segments.

    Met behulp van het voorbeeld in de bovenstaande tabel, 30 seconden/3 video-subsegmenten = 10 seconden weergave van elk videosubsegment.

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

Beschrijving Acties
Hotspot-pictogram Het pictogram voor hotspot wijzigen Tik ImageMapEffect op het tabblad Appearance in Selected Component om de afbeelding van het hotspot-pictogram te wijzigen. Selecteer onder Icon de optie Background en ga in het veld Image naar de gewenste achtergrondafbeelding.

Voorinstellingen voor Dynamic Media-viewer 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 voorinstelling voor viewers is standaard Aan nadat u deze hebt gemaakt. Als u de voorinstelling uitschakelt, wordt deze niet weergegeven in de modus Auteur. Als de voorinstelling is gepubliceerd. het wordt altijd gepubliceerd , ongeacht of het 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.

Voorinstellingen voor Dynamic Media-viewer activeren of deactiveren:

  1. Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.

  2. Tik op de pagina Viewer Preset onder de kolomkop State op de schakelknop om een viewervoorinstelling te activeren of te 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 voor Dynamic Media-viewer publiceren

Als u On activeert (of draait), betekent dit dat de status van een viewer-voorinstelling zichtbaar is in de Dynamic Media-component, de Interactive Media-component en wanneer u een element weergeeft.

Als u echter een element met een viewervoorinstelling wilt leveren, moet de viewervoorinstelling ook worden gepubliceerd. Alle voorinstellingen voor viewers moeten worden geactiveerd en gepubliceerd om een URL te verkrijgen of code voor een element in te sluiten. U moet alle standaard viewervoorinstellingen die bij dynamische media worden geleverd, activeren en publiceren. Aangepaste viewervoorinstellingen die u maakt en toevoegt, worden automatisch geactiveerd, maar moeten ook worden gepubliceerd.

Zie Voorinstellingen van viewers activeren of deactiveren.

Zie ook Elementen voorvertonen.

Voorinstellingen voor Dynamic Media-viewer publiceren:

  1. Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.
  2. Selecteer een of meer voorinstellingen voor viewers die u wilt publiceren.
  3. Tik op het pictogram Publish op de werkbalk.

Voorinstellingen voor Dynamic Media-viewer sorteren

Voorinstellingen voor Dynamic Media-viewer sorteren:

  1. Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Gereedschappen (hamerpictogram) > Assets > Viewer Presets.
  2. Klik op Preset Title, Type, Published of State om op die kolomkop te sorteren. Klik bijvoorbeeld op Type om de typen viewervoorinstellingen in alfabetische of omgekeerd alfabetische volgorde te sorteren.

Voorinstellingen voor Dynamic Media-viewers bewerken

Houd er rekening mee dat het bewerken van vooraf gedefinieerde, voorinstellingen voor viewers uit de box geen ondersteund scenario is. Als u een voorinstelling voor een viewer buiten de box bewerkt, wordt u gevraagd deze op te slaan onder een andere naam.

Voorinstellingen voor Dynamic Media-viewer bewerken:

  1. Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.

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

  3. Tik op Edit op de werkbalk.

  4. Breng op de pagina Edit Viewer Preset de wijzigingen aan die u wilt aanbrengen in de voorinstelling van de viewer.

  5. Voer een van de volgende handelingen uit:

    • Tik Save om uw wijzigingen op te slaan en terug te keren naar de pagina Viewer Preset.
    • Tik Cancel om aangebrachte wijzigingen te voorkomen en terug te keren naar de pagina Viewer Preset.

Aangepaste Dynamic Media-viewervoorinstellingen verwijderen

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

Aangepaste Dynamic Media-viewervoorinstellingen verwijderen:

  1. Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.
  2. Controleer op de pagina Viewer Presets een Preset Title en tik op het pictogram Trash.
  3. Tik op Delete.

Een Dynamic Media-viewervoorinstelling 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 Dynamic Media-viewervoorinstelling toepassen op een element:

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

    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. Select a viewer preset from the left pane to apply it to the asset.

    U kunt de URL kopiëren om met andere gebruikers te delen.

Middelen leveren met voorinstellingen voor Dynamic Media-viewers

Zie URL's koppelen aan uw webtoepassing om de URL's voor voorinstellingen van de viewer op te halen. Zie ook De video-viewer insluiten op een webpagina.

Als u AEM gebruikt als uw WCM, 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