Voorinstellingen voor viewers beheren managing-viewer-presets

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

Zie ook de Gids van de Verwijzing van de Kijkers van Dynamic Media.

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 Kijker toepassen vooraf instelt.

NOTE
Het uitgeven om het even welk vooraf bepaalde, uit-van-de-doos kijker stelt vooraf in is geen gesteund 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 keyboard-accessibility-for-viewers

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

Zie ook toegankelijkheid van het Toetsenbord en navigatie.

Voorinstellingen voor viewers beheren managing-viewer-presets-1

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

6_5_tools-assets-viewerpresets

NOTE
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 Verhoog het aantal kijker vooraf instelt dietonen.

Viewer-ondersteuning voor responsieve webpagina's viewer-support-for-responsive-designed-web-pages

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 moet u de HTML5 Viewer rechtstreeks insluiten op de hostpagina. In het laatste geval heeft de webpagina een statische indeling. Of de interface reageert op een ander scherm en wordt op verschillende apparaten of voor verschillende venstergrootten van de browser anders weergegeven. 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 {de bibliotheek van het 0} Verantwoordelijke Statische Beeld đź”— in het Beeld van Dynamic Media die en API Hulp teruggeven voor meer informatie over hoe te om ontvankelijke kijkers op uw Web-pagina's in te bedden.

NOTE
Publish alle viewers uit de verpakking voordat u ze voor het eerst gebruikt.
Zie de Kijker van Publish steltvooraf in.

Compatibiliteit van het systeem met voorinstellingen voor viewers viewer-preset-system-compatibility

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

Rijke mediatypen voor viewervoorinstellingen rich-media-types-for-viewer-presets

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

Reeks Carousel
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 vanaf de landings-, categorie- of homepages van een website.
Dimensional
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 het flyout-bestand 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 gedeelten van een afbeelding die een klant vervolgens kan selecteren voor meer informatie of voor directe aankoop vanaf de landings-, categorie- of homepages van een website.
Interactieve video
Miniaturen worden toegevoegd aan tijdlijnsegmenten in een video die een klant vervolgens kan selecteren voor meer informatie of voor directe aankoop vanaf de landings-, categorie- of homepages 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 equirectangular of spherical en panorama of spherical en panoramic . Zie Gebruikend Markeringen.

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.

Slimme Video van het Gewas
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 afspelen op mobiele apparaten worden de ingebouwde gyroscopische besturingselementen gebruikt.

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.

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, afhankelijk van de schermgrootte van het bureaublad van de gebruiker, de stalen 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.
    Bij horizontale stalen moet ruimte op de pagina worden gereserveerd 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 list-of-out-of-the-box-viewer-presets

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

Zie ook Levende Demo's.

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

Zie "de versiennota's van Kijkers"in de inhoudstafel van de Gids van de Verwijzing van Kijkers.

NOTE
Alle voorinstellingen voor viewers die buiten de box vallen, worden geactiveerd (ingeschakeld), maar u moet ze publiceren.
Zie de kijker van Publish steltvooraf in.
Alle nieuwe viewervoorinstellingen die u maakt en toevoegt, moeten zowel worden geactiveerd *als *gepubliceerd.
Zie kijker activeren of deactiveren vooraf instelten het Publiceren kijker vooraf instelt.
Titel van voorinstelling van viewer
Type
CSS dossier - naam
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
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_donker
Interactive_Video
html5_interactivevideoviewer_dark.css
Shopable_Video_light
Interactive_Video
html5_interactivevideovewer_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

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
Zoom_light
Zoomen
html5_basiczoomviewer_light.css
ZoomVertical_black
Verticaal_Zoomen
html5_zoomverticalviewer_dark.css
ZoomVertical_light
Verticaal_Zoomen
html5_zoomverticalviewer_light.css

Matrix voor ondersteunde mobiele viewers supported-mobile-viewers-gestures-matrix

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
Selecteren
Flyout-venster tonen
De gebruikersinterface weergeven of verbergen
De gebruikersinterface weergeven of verbergen
Dubbelselecteren
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 viewervoorinstellingen vergroten increasing-the-number-of-viewer-presets-that-display

Experience Manager toont een groot aantal verschillende viewervoorinstellingen wanneer u elementen weergeeft via Detail View > Viewers . U kunt het aantal weergegeven viewers verhogen of verlagen.

om het aantal kijker te verhogen stelt die worden getoond:

  1. Navigeer aan CRXDE Lite ( https://localhost:4502/crx/de).

  2. Ga naar het keuzerondje met voorinstellingen voor viewer 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 gegevensbron voor de viewervoorinstelling 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 .

Voorinstellingen voor viewers maken creating-a-new-viewer-preset

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 Experience Manager 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, wilt u zich bewust zijn van deze speciale overwegingen.

Zie Speciale overwegingen voor het creëren van een Interactieve Kijker vooraf ingesteld.

Zie Speciale overwegingen voor het creëren van een vooraf ingestelde Kijker van de Banner van de Carrousel.

om kijkersvoorinstellingen tot stand te brengen:

  1. Selecteer in de linkerbovenhoek van de Experience Manager het logo van de Experience Manager en ga vervolgens in de linkerrails naar Tools (hamerpictogram) > Assets > Viewer Presets .

    6_5_viewerpresets

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

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

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

    Zie Rijke Types van Media voor Kijker vooraf instelt.

  5. Selecteer op de pagina Viewer Preset Editor de tab 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 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 het stileren eigenschappen voor elk type van vooraf ingesteld kijker worden beschreven in het "Aanpassen <viewer name> onderwerp van de Hulp van de Kijker"in de Gids van de Verwijzing van Kijkers. Bijvoorbeeld, als u een kijker creeert vooraf ingesteld van het type Mixed_Media, zie Gemengde kijker van Mediavoor een lijst en een beschrijving van elk bezit aanpassen.

    • Als u stijlinstellingen hebt gedefinieerd in een afzonderlijk CSS-bestand, kunt u het CSS-bestand uploaden naar Experience Manager Assets. Als u het geĂĽploade CSS-bestand wilt zoeken en dit wilt koppelen aan de viewervoorinstelling, selecteert u Import CSS onder het keuzemenu Selected Type (schuif zo nodig door de visuele editor omhoog om dit te zien).

      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 de tellers worden beschreven in om het even welk "het Aanpassen <viewer name> het onderwerp van de Hulp van de Kijker"in de Gids van de Verwijzing van Kijkers. Bijvoorbeeld, als u over CSS tellers voor de Kijker van het Gezoem wilt lezen, zie Aanpassen de Kijker van het Gezoem.) 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.

    note note
    NOTE
    Als u de CSS liever rechtstreeks in onbewerkte vorm bewerkt, selecteert u Show/Hide CSS onder het keuzemenu Geselecteerde tekst (schuif zo nodig de visuele editor omhoog om deze te zien).
    Net als de visuele editor kunt u direct zien welk effect het heeft op het viewervoorbeeld wanneer u een eigenschap rechtstreeks in de CSS wijzigt. 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.
    note note
    NOTE
    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 Desktop , Tablet of Phone om visuele stijlen op unieke wijze te definiëren voor verschillende apparaat- en schermtypen.

  8. Selecteer op de pagina Viewer Preset Editor de tab Behavior . U kunt ook elk visueel element in de viewer selecteren om het te selecteren voor configuratie.
    Bijvoorbeeld, voor het type 0} VideoPlayer, onder Modifiers>Playback, kunt u uit Ă©Ă©n van drie adaptieve bitrate het stromen opties selecteren:

    • dash - Video's worden alleen als DASH gestreamd. Op Safari/iOS-apparaten moet u echter hls als het type selecteren.

    • hls - Video's worden alleen als HLS gestreamd.

    • auto - Tips en trucs. Het maken van DASH- en HLS-streams is geoptimaliseerd voor opslag. Daarom wordt in de Adobe aangeraden auto altijd als afspeeltype te selecteren. Video's worden als strepen, hls of progressief gestreamd, zoals in het volgende voorbeeld:

      • 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.
    note note
    NOTE
    Als u de optie dash wilt zien en gebruiken, moet u deze eerst inschakelen via de Adobe Technische ondersteuning voor uw account. Zie DASH op uw rekeningtoelaten.
  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.

    note note
    NOTE
    als u een aanrakingsapparaat, zoals een telefoon of een tablet gebruikt…
    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 er geen actie plaats.
  10. Selecteer Save in de rechterbovenhoek van de pagina.

  11. Publish uw nieuwe viewervoorinstelling. U moet de voorinstelling publiceren zodat u de resulterende URL op uw website kunt gebruiken.

    Zie het Publiceren Kijker steltvooraf in.

    note important
    IMPORTANT
    Voor oude video's die een adaptieve bitrate het stromen profiel gebruiken, blijft URL zoals gebruikelijk spelen — met het stromen HLS — tot u de videoactivaopnieuw verwerkt. Na herverwerking, zal zelfde URL blijven werken maar nu met zowel toegelaten stromen DASH als HLS.

Speciale overwegingen voor het maken van een interactieve viewervoorinstelling special-considerations-for-creating-an-interactive-viewer-preset

Ongeveer Wijzen van de Vertoning voor beeldduimnagels in het paneel:

Wanneer u een voorinstelling voor een interactieve videoviewer maakt of bewerkt, kunt u kiezen welke instelling voor de weergavemodus u wilt gebruiken. Deze keuze doet zich voor wanneer u InteractiveSwatches selecteert in het Selected Component keuzemenu onder de tab Behavior . De weergavemodus die u kiest, bepaalt hoe en wanneer miniaturen worden weergegeven terwijl de video wordt afgespeeld. U kunt een segment-weergavemodus (standaard) of een continuous-weergavemodus kiezen.

Weergavemodus
Beschrijving
Segment

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

Stel dat er in deze modus minder miniaturen zijn toegewezen aan een videosegment dan het aantal zichtbare vlekken in het deelvenster. In dergelijke gevallen, worden de duimnagels van volgende of vorige subsegmenten niet getrokken binnen om het even welke lege vlekken in het paneel te vullen. Met andere woorden, het behoudt de weergave van stalen die aan het specifieke videosegment zijn toegewezen.

Doorlopend

Op continuous vertoningswijze, veronderstel dat het aantal duimnagels in een segment minder dan het aantal is dat in het paneel zichtbaar is. In dergelijke gevallen bevat de viewer automatisch de weergave van miniaturen van het volgende segment of van het vorige segment, waar de laatste miniatuur wordt weergegeven.

De video in dit onderwerpis een voorbeeld van de continuous vertoningswijze.

Ongeveer auto-scrollend gedrag in de Interactieve Video kijker:

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. Selecteer op het tabblad Gedrag in de vervolgkeuzelijst Selected Components de optie 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
Subsegment tijd in seconden
Duimnagels die in het paneel zichtbaar zijn
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 worden 9 miniaturen / 4 sleuven = 2,25; de viewerlogica rondt deze rond in maximaal 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.

  • Duur van het 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
Acties
Hotspot Icon
Pictogram wijzigen dat wordt gebruikt voor hotspot
Als u de afbeelding van het hotspot-pictogram wilt wijzigen, selecteert u ImageMapEffect op het tabblad Appearance in Selected Component . Selecteer onder Icon de optie Background en ga in het veld Image naar de gewenste achtergrondafbeelding.

Voorinstellingen van viewers activeren of deactiveren activating-or-deactivating-viewer-presets

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. Deactiveer vooraf instelt van de kijker als de lijst te werkbaar wordt of u geen kijker wilt vooraf ingesteld beschikbaar wordt gemaakt om te gebruiken.

om kijkersvoorinstellingen te activeren of te deactiveren:

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

  2. Selecteer onder de kolomkop State op de voorinstellingspagina van de viewer de schakeloptie om een viewervoorinstelling te activeren of deactiveren.

    De voorinstellingen van de viewer die worden geactiveerd, worden rechts, in een blauw vak weergegeven. De schakeloptie wordt links in een lichtgrijs vak weergegeven wanneer de viewer wordt gedeactiveerd.

Voorinstellingen voor Publish-viewers publishing-viewer-presets

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.

Nochtans, om te leveren een activa met vooraf ingestelde kijker, moet de kijker vooraf ingesteld eveneens worden gepubliceerd. Alle kijkers moeten worden geactiveerd en worden gepubliceerd om URL te verkrijgen of code voor een activa in te bedden. Activeer en publiceer alle voorinstellingen voor viewers die bij Dynamic Media worden geleverd. Aangepaste viewervoorinstellingen die u maakt en toevoegt, worden automatisch geactiveerd, maar moeten ook worden gepubliceerd.

Zie het activeren of Deactiveren van Kijker steltvooraf in.

Zie ook Previewing Assets.

om kijkersvoorinstellingen te publiceren:

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

Voorinstellingen van viewers sorteren sorting-viewer-presets

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

Voorinstellingen voor viewers bewerken editing-viewer-presets

Het uitgeven om het even welk vooraf bepaalde, uit-van-de-doos kijker stelt vooraf in is geen gesteund scenario. Als u een voorinstelling voor een viewer buiten de box bewerkt, wordt u gevraagd deze op te slaan onder een andere naam.

om kijkersvoorinstellingen uit te geven:

  1. Selecteer in de linkerbovenhoek van de Experience Manager het logo van de Experience Manager en selecteer vervolgens in de linkertrack 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 Edit op de werkbalk.

  4. Breng op de pagina Viewer Preset Editor de gewenste wijzigingen aan in de viewervoorinstelling met de opties op de tabbladen Appearance en Behavior .

    Selecteer op het tabblad Appearance in de linkerbovenhoek van de pagina Voorinstellingseditor voor viewers de optie 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:

    • Selecteer Save om uw wijzigingen op te slaan en terug te keren naar de pagina met voorinstellingen voor viewer.
    • Selecteer Cancel om eventuele wijzigingen die u hebt aangebracht, te voorkomen en terug te keren naar de pagina met voorinstellingen voor viewer.

Aangepaste voorinstellingen voor viewers verwijderen deleting-custom-viewer-presets

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

om vooraf instelt van de douaneviewer te schrappen:

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

Een viewervoorinstelling toepassen op een element applying-a-viewer-preset-to-an-asset

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.

om een kijker toe te passen vooraf ingesteld op activa:

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

    note note
    NOTE
    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 om deze toe te passen op het element.

    U kunt URL kopiëren ommet andere gebruikers te delen.

Elementen leveren met viewervoorinstellingen delivering-assets-with-viewer-presets

Om URLs voor Kijker te krijgen stelt vooraf in, zie Verbinding URLs aan uw toepassing van het Web. Zie ook bed de VideoKijker op een Web-paginain.

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 Assets aan Pagina'stoevoegen.

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab