Voorinstellingen voor Dynamic Media-viewers beheren managing-viewer-presets
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 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.
Toetsenbordtoegankelijkheid voor viewers keyboard-accessibility-for-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 managing-presets
U kunt voorinstellingen voor viewers in AEM toevoegen, bewerken, verwijderen, publiceren, ongedaan maken en voorvertonen door erop te tikken Tools > Assets > Viewer Presets.
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 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 en anders weergeven 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 bij Image Serving API voor meer informatie over het insluiten van responsieve viewers op uw webpagina's.
Zie Voorinstellingen van viewer publiceren.
Systeemcompatibiliteit met voorinstellingen van viewer 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
- Voor video is aanvullende ondersteuning voor het afspelen van MP4 beschikbaar Blackberry en Windows-telefoon 8.
Rijke mediatypen voor viewervoorinstellingen rich-media-types-for-viewer-presets
Beheerders kunnen de volgende rich media-typen toevoegen en aanpassen bij het maken van nieuwe viewervoorinstellingen.
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.
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. Bij horizontale stalen waren, afhankelijk van de grootte van het , 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. 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.
Lijst met voorinstellingen voor viewers die buiten de box vallen list-of-out-of-the-box-viewer-presets
In de volgende tabel worden alle vooraf gedefinieerde, offline viewervoorinstellingen 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 de Referentiehandleiding voor viewers.
Zie Voorinstellingen van viewer publiceren.
Zie Viewer-voorinstellingen activeren of deactiveren en Voorinstellingen van viewer publiceren.
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.
Het aantal voorinstellingen voor Dynamic Media-viewers dat wordt weergegeven verhogen increasing-the-number-of-viewer-presets-that-display
AEM toont een groot aantal viewervoorinstellingen wanneer u elementen weergeeft vanuit Detail View > Viewers. U kunt het aantal weergegeven viewers verhogen of verlagen.
Het aantal voorinstellingen voor Dynamic Media-viewers dat wordt weergegeven verhogen:
-
Navigeren naar CRXDE Lite (http://localhost:4502/crx/de).
-
Ga naar het keuzerondje met voorinstellingen voor viewer op
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist
-
Wijzig in de eigenschap limit de Value, die standaard op 15 is ingesteld, in het gewenste getal.
-
Navigeer naar de vooraf ingestelde gegevensbron voor de viewer op
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource
-
In de limit eigenschap, wijzigt u het getal in het gewenste getal, bijvoorbeeld
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]} -
Tik op Save All.
Een nieuwe voorinstelling voor een Dynamic Media-viewer 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 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 Aan) in de Viewer Presets pagina. Deze status betekent dat deze zichtbaar is in het dialoogvenster Dynamic Media en de 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 voorinstelling voor een interactieve viewer.
Zie Speciale overwegingen voor het maken van een voorinstelling voor de Carousel Banner Viewer.
Een nieuwe voorinstelling voor een Dynamic Media-viewer maken:
-
Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.
-
Op de Viewer Presets pagina, tikt u op de werkbalk op Create.
-
In de New Viewer Preset in het dialoogvenster Preset Name voert u de naam van de nieuwe voorinstelling in. Kies zorgvuldig een naam. U kunt deze niet bewerken nadat u tikt Create.
Wanneer u de voorinstelling later in deze stappen opslaat, wordt de naam weergegeven op de pagina Voorinstellingen viewer onder de Preset Title kolomkop.
-
Op de Rich Media Type selecteert u het type voorinstelling voor de viewer dat u wilt maken en tikt u vervolgens in de rechterbovenhoek van de pagina op Create.
-
Op de Viewer-voorinstelling bewerken pagina, tikt u op de Appearance tab.
-
Voer een van de volgende handelingen uit:
-
In de Selected Type keuzemenu, selecteer een component waarvan visueel ontwerp u 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. 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 voorinstelling van de viewer 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. Tikken Import CSS onder de Selected Type keuzemenu (u moet mogelijk omhoog schuiven in de visuele editor om dit te zien) om het geüploade CSS-bestand te zoeken en dit te koppelen aan de voorinstelling van de viewer.
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
.s7mixedmediaviewergedefinieerd 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.
note note NOTE Tik op Show/Hide CSS onder de Selected Type pull-down menu (u kunt de visuele redacteur moeten omhoog scrollen om het te zien). 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. note note NOTE 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. -
-
(Optioneel) Boven aan Edit Viewer Preset pagina, tikken Desktop, Tablet, of Phone Hiermee definieert u unieke visuele stijlen voor verschillende apparaat- en schermtypen.
-
Op de Edit Viewer Preset pagina, tikt u op de Gedrag tab. U kunt ook op een visueel element in de viewer tikken of erop klikken om het voor de configuratie te selecteren.
-
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 kunt opgeven in een IS-opdracht tekstveld. 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 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 tikt op Enter, treedt geen actie op. -
Tik in de rechterbovenhoek van de pagina op Save.
-
Publiceer uw nieuwe viewervoorinstelling. U moet de voorinstelling publiceren voordat u deze op uw website kunt gebruiken.
Speciale overwegingen voor het maken van een voorinstelling voor een interactieve viewer special-considerations-for-creating-an-interactive-viewer-preset
Informatie over weergavemodi voor afbeeldingsminiaturen in het deelvenster
Wanneer u een voorinstelling voor een interactieve videoviewer maakt of bewerkt, kunt u kiezen Display Mode instelling die u wilt gebruiken wanneer u InteractiveSwatches van de Selected Component keuzemenu onder de Behavior tab. De gekozen weergavemodus bepaalt hoe en wanneer miniaturen worden weergegeven terwijl de video wordt afgespeeld. U kunt een van de segmentweergavemodus (standaard) of een continuousweergavemodus.
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, hebt u toegang tot Auto Scroll van de Behavior tab. Tik in het tabblad Gedrag vanuit het vervolgkeuzemenu Selected Components op InteractiveSwatches. De 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 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.
-
Duur van het subsegment = totale videoduur / aantal videosubsegmenten.
Met behulp van het voorbeeld in de bovenstaande tabel, 30 seconden/3 video-subsegmenten = 10 seconden weergave van elk videosubsegment.
Speciale overwegingen voor het maken van een voorinstelling voor de Carousel Banner-viewer special-considerations-for-creating-a-carousel-banner-viewer-preset
Als u voorinstellingen voor de Carousel Banner-viewer maakt, kunt u de stijl van hotspots als volgt wijzigen:
Voorinstellingen voor Dynamic Media-viewer 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 ingesteld op Aan nadat u het 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-viewers activeren of deactiveren:
-
Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.
-
Op de Viewer Preset pagina, onder de State tikken op de schakelknop 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 voor Dynamic Media-viewer publiceren publishing-viewer-presets
Activeren (of draaien) Aan) betekent de status van een viewer-voorinstelling dat deze zichtbaar is in de Dynamic Media-component, de interactieve component Media en wanneer u een element weergeeft.
Als u echter een element met een viewervoorinstelling wilt leveren, moet de viewervoorinstelling 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. 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 Viewer-voorinstellingen activeren of deactiveren.
Zie ook Elementen voorvertonen.
Voorinstellingen voor Dynamic Media-viewers publiceren:
- Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.
- Selecteer een of meer voorinstellingen voor viewers die u wilt publiceren.
- Tik op de werkbalk op de knop Publish pictogram.
Voorinstellingen voor Dynamic Media-viewer sorteren sorting-viewer-presets
Voorinstellingen voor Dynamic Media-viewers sorteren:
- Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Gereedschappen (hamerpictogram) > Assets > Viewer Presets.
- 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 editing-viewer-presets
Houd er rekening mee dat u 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.
Voorinstellingen voor Dynamic Media-viewers bewerken:
-
Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.
-
Selecteer een voorinstelling door het vakje links van de titel van de voorinstelling voor de viewer in te schakelen.
-
Tik op de werkbalk op Edit.
-
Op de Edit Viewer Preset De pagina brengt de wijzigingen aan die u wilt aanbrengen in de voorinstelling van de viewer.
-
Voer een van de volgende handelingen uit:
- Tikken Save om uw wijzigingen op te slaan en terug te keren naar de Viewer Preset pagina.
- Tikken Cancel om eventuele aangebrachte wijzigingen te voorkomen en terug te keren naar de Viewer Preset pagina.
Aangepaste Dynamic Media-viewervoorinstellingen verwijderen deleting-custom-viewer-presets
U kunt Viewer-voorinstellingen verwijderen die u hebt gemaakt en aan Dynamic Media hebt toegevoegd.
Aangepaste voorinstellingen voor Dynamic Media-viewers verwijderen:
- Tik in de linkerbovenhoek van AEM op het AEM-logo en tik vervolgens in de linkerspoorstaaf op Tools > Assets > Viewer Presets.
- Op de Viewer Presets pagina, controleer een Preset Title tikt u vervolgens op de knop Trash pictogram.
- Tik op Delete.
Een Dynamic Media-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.
Een Dynamic Media-viewervoorinstelling toepassen op een element:
-
Open het element en tik in de linkerbovenhoek van de pagina op het vervolgkeuzemenu en selecteer Viewers.
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. -
Selecteer een viewervoorinstelling in het linkerdeelvenster om deze toe te passen op het element.
U kunt kopiëren naar gedeelde URL met andere gebruikers.
Middelen leveren met voorinstellingen voor Dynamic Media-viewers delivering-assets-with-viewer-presets
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 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.