Dynamic Media-elementen toevoegen aan pagina's adding-dynamic-media-assets-to-pages
Als u de dynamische mediafunctionaliteit wilt toevoegen aan elementen die u op uw websites gebruikt, kunt u de opdracht Dynamic Media of Interactieve media rechtstreeks op de pagina. U doet dit door de modus Lay-out in te voeren en de dynamische mediacomponenten in te schakelen. Vervolgens kunt u deze componenten aan de pagina toevoegen en assets aan de component toevoegen. De dynamische media en interactieve mediacomponenten zijn slim: ze weten of u een afbeelding of video toevoegt en de beschikbare opties veranderen dienovereenkomstig.
U voegt dynamische media-elementen rechtstreeks aan de pagina toe als u AEM gebruikt als uw WCM. Als u een oplossing van derden gebruikt voor uw WCM, moet u uw assets koppelen of insluiten. Voor een responsieve website van derden raadpleegt u het leveren van geoptimaliseerde afbeeldingen op een responsieve site.
Een Dynamic Media-component aan een pagina toevoegen adding-a-dynamic-media-component-to-a-page
Het toevoegen van een Dynamic Media-component aan een pagina is hetzelfde als het toevoegen van een component aan een pagina. De Dynamic Media-componenten worden in de volgende secties uitgebreid beschreven.
-
Open in AEM de pagina waaraan u de Dynamic Media-component wilt toevoegen.
-
Klik in het deelvenster aan de linkerkant van de pagina (u moet mogelijk schakelen tussen de weergave van het zijpaneel) op de knop Components pictogram.
-
Onder de Components in de vervolgkeuzelijst selecteert u Dynamic Media. Als er geen lijst met Dynamic Media-componenten beschikbaar is, moet u waarschijnlijk de Dynamic Media-componenten inschakelen die u wilt gebruiken. Zie Dynamic Media-componenten inschakelen.
-
Sleep een Dynamic Media-component die u wilt gebruiken naar de pagina op de gewenste locatie.
-
Houd de muisaanwijzer rechtstreeks boven de component. Tik eenmaal om de werkbalk van de component weer te geven wanneer de component is omringd door een blauw vak. Tik op de knop Configuration (moersleutel) pictogram.
-
De componenten bewerken en klik op het vinkje om de wijzigingen op te slaan.
Dynamic Media-componenten inschakelen enabling-dynamic-media-components
Als er geen Dynamic Media-componenten beschikbaar zijn om aan een pagina toe te voegen, betekent dit waarschijnlijk dat u eerst de componenten moet inschakelen die u wilt gebruiken.
-
Open in AEM de pagina waaraan u de Dynamic Media-component wilt toevoegen.
-
Tik links op de werkbalk naast de pagina op het pictogram Pagina-informatie en tik vervolgens op Edit Template in de vervolgkeuzelijst.
-
Tik in de vervolgkeuzelijst rechts van de werkbalk naast de pagina op Structure.
-
Tik onder aan de pagina op Layout Container tikt u op het beleidspictogram om de werkbalk te openen.
-
Op de Layout Container pagina, onder de Properties kop, zorg ervoor Allowed Components is geselecteerd.
-
Schuiven totdat u ziet Dynamic Media.
-
Tik op het pictogram > links van Dynamic Media Selecteer de Dynamic Media-componenten die u wilt inschakelen om de lijst uit te vouwen.
-
In de rechterbovenhoek van het dialoogvenster Layout Container tikt u op het pictogram Gereed (vinkje).
-
Tik in de vervolgkeuzelijst rechts van de werkbalk naast de pagina op Initial Content vervolgens een Dynamic Media-component aan een pagina toevoegen zoals gebruikelijk.
Dynamic Media-componenten lokaliseren localizing-dynamic-media-components
U kunt Dynamic Media-componenten op twee manieren lokaliseren:
-
Open Properties en selecteer het tabblad Advanced op een webpagina in Sites. Selecteer de gewenste taal voor lokalisatie.
-
Selecteer de gewenste pagina of paginagroep in de sitekiezer. Tikken Properties en selecteert u de Advanced tab. Selecteer de gewenste taal voor lokalisatie.
note note NOTE Niet alle talen die beschikbaar zijn in de Language momenteel zijn tokens toegewezen.
Dynamic Media-componenten dynamic-media-components
Dynamic Media en Interactieve media zijn beschikbaar onder de Dynamic Media tab in Components. U gebruikt de Interactive Media voor interactieve elementen, zoals interactieve video, interactieve afbeeldingen of carrouselsets. Gebruik de Dynamic Media-component voor alle andere dynamische mediacomponenten.
Dynamic Media-component dynamic-media-component
De Dynamic Media-component is slim. Afhankelijk van het feit of u een afbeelding of video toevoegt, hebt u verschillende opties. De component ondersteunt voorinstellingen voor afbeeldingen, op afbeeldingen gebaseerde viewers, zoals afbeeldingssets, centrifuges, gemengde mediasets en video. Bovendien reageert de viewer snel. De grootte van het scherm verandert dus automatisch op basis van de schermgrootte. Alle viewers zijn HTML5-viewers.
- U hebt Dynamic Media ingeschakeld. Dynamic Media is standaard uitgeschakeld.
- De afbeelding heeft een piramideTIFF-bestand. Afbeeldingen die zijn geïmporteerd voordat dynamische media is ingeschakeld, hebben geen TIFF-bestand met piramide.
Wanneer u met afbeeldingen werkt when-working-with-images
Met de Dynamic Media-component kunt u dynamische afbeeldingen toevoegen, zoals afbeeldingssets, centrifuges en gemengde mediasets. U kunt inzoomen, uitzoomen en, indien van toepassing, een afbeelding binnen een centrifugeset draaien of een afbeelding van een ander type set selecteren.
U kunt de viewervoorinstelling, afbeeldingsvoorinstelling of afbeeldingsindeling ook rechtstreeks in de component configureren. Als u een afbeelding responsief wilt maken, kunt u de onderbrekingspunten instellen of een responsieve voorinstelling voor de afbeelding toepassen.
U moet de volgende Dynamic Media-instellingen bewerken door op de knop Edit in de component en vervolgens Dynamic Media Settings.
-
Viewer preset
Selecteer een bestaande viewervoorinstelling in het keuzemenu. Als de viewervoorinstelling die u zoekt niet zichtbaar is, moet u deze mogelijk zichtbaar maken. Zie Viewer-voorinstellingen beheren. U kunt geen viewervoorinstelling selecteren als u een voorinstelling voor afbeeldingen gebruikt en andersom.
Dit is de enige beschikbare optie als u beeldreeksen, spin reeksen, of gemengde media reeksen bekijkt. De weergegeven viewervoorinstellingen zijn ook slim. Alleen relevante viewervoorinstellingen worden weergegeven. -
Viewer modifiers
Viewer-modifiers hebben de vorm van name=value pair met een &-scheidingsteken en laten u viewers wijzigen zoals wordt beschreven in de Viewer Reference Guide. Een voorbeeld van een viewermodifier is posterimage=img.jpg&caption=text.vtt,1, die een andere afbeelding instelt voor de videominiatuur en een bestand met een gesloten bijschrift/subtitel koppelt aan de video. -
Image preset
Selecteer een bestaande voorinstelling voor afbeeldingen in het keuzemenu. Als de voorinstelling die u zoekt niet zichtbaar is, moet u deze mogelijk zichtbaar maken. Zie Voorinstellingen afbeelding beheren. U kunt geen viewervoorinstelling selecteren als u een voorinstelling voor afbeeldingen gebruikt en andersom.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt. -
Image Modifiers
U kunt afbeeldingseffecten toepassen door extra opdrachten voor afbeeldingen te geven. Deze worden beschreven in Voorinstellingen afbeelding en de verwijzing Opdracht Beeldserver.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt. -
Breakpoints
Als u dit middel op een ontvankelijke plaats gebruikt, moet u de beeldbreekpunten toevoegen. Afbeeldingsonderbrekingspunten moeten door komma's (,) worden gescheiden. Deze optie werkt wanneer er geen hoogte of breedte is gedefinieerd in een voorinstelling voor afbeeldingen.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt.
U kunt de volgende geavanceerde instellingen bewerken door op Edit in de component. -
Title
Wijzig de titel van de afbeelding. -
Alt Text
Voeg een titel toe aan de afbeelding voor gebruikers die afbeeldingen hebben uitgeschakeld.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt. -
URL, Open in
U kunt een element zo instellen dat een koppeling wordt geopend. Stel de URL in en kies Openen in om aan te geven of deze in hetzelfde venster of in een nieuw venster moet worden geopend.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt. -
Width en Height
Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarden niet invult, wordt het element adaptief.
Wanneer u werkt met video when-working-with-video
Met de Dynamic Media-component kunt u dynamische video toevoegen aan uw webpagina's. Wanneer u de component bewerkt, kunt u een vooraf gedefinieerde videoviewer gebruiken om de video op de pagina af te spelen.
U moet de volgende Dynamic Media-instellingen bewerken door op Edit in de component.
-
Viewer preset
Selecteer een bestaande voorinstelling voor een videoviewer in het keuzemenu. Als de viewervoorinstelling die u zoekt niet zichtbaar is, moet u deze mogelijk zichtbaar maken. Zie Viewer-voorinstellingen beheren. -
Viewer modifiers
Viewer-modifiers hebben de vorm van name=value pair met een &-scheidingsteken en laten u viewers wijzigen zoals beschreven in de Adobe Viewers Reference Guide. Een voorbeeld van een viewermodifier is posterimage=img.jpg&caption=text.vtt,1Met viewermodifiers kunt u bijvoorbeeld het volgende doen:
- Een bijschriftbestand aan een video koppelen bijschrift.
- Een navigatiebestand aan een video koppelen navigatie.
U kunt het volgende bewerken Advanced Settings door te klikken Edit in de component.
-
Title
Wijzig de titel van de video. -
Width en Height
Voer een waarde in pixels in als u wilt dat de video een vaste grootte heeft. Als u deze waarden niet invult, wordt het adaptief.
Wanneer u werkt met Slim uitsnijden when-working-with-smart-crop
Met de Dynamic Media-component kunt u SmartCrop-afbeeldingselementen toevoegen aan uw webpagina's. Wanneer u de component bewerkt, kunt u een vooraf gedefinieerde videoviewer gebruiken om de video op de pagina af te spelen.
Zie ook Afbeeldingsprofielen.
U kunt het volgende bewerken Dynamic Media Settings door te klikken Edit in de component.
- Image Modifiers
U kunt afbeeldingseffecten toepassen door extra opdrachten voor afbeeldingen te geven. Deze worden beschreven in Voorinstellingen afbeelding en de verwijzing Opdracht Beeldserver.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt.
U kunt het volgende bewerken Advanced instellingen door te klikken Edit in de component.
-
Title
Wijzig de titel van de afbeelding voor slim uitsnijden. -
Alt Text
Voeg een titel toe aan de slimme-uitsnijdafbeelding voor gebruikers die afbeeldingen hebben uitgeschakeld.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt. -
URL, Open in
U kunt een element zo instellen dat een koppeling wordt geopend. Stel de URL in en kies Openen in om aan te geven of deze in hetzelfde venster of in een nieuw venster moet worden geopend.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt. -
Height en Width
Voer een waarde in pixels in als u wilt dat de afbeelding voor slim uitsnijden een vaste grootte heeft. Als u deze waarden niet invult, wordt het adaptief.
Interactieve mediacomponent interactive-media-component
De interactieve component van Media is voor die activa die interactiviteit op hen zoals hotspots of beeldkaarten hebben. Als u een interactieve afbeelding, interactieve video of carrouselbanner hebt, gebruikt u de component Interactieve media.
De component Interactieve media is slim. Afhankelijk van het feit of u een afbeelding of video toevoegt, hebt u verschillende opties. Bovendien reageert de viewer snel - de grootte van het scherm verandert automatisch op basis van de schermgrootte. Alle viewers zijn HTML5-viewers.
U kunt het volgende bewerken General instellingen door te klikken Edit in de component.
-
Viewer preset
Selecteer een bestaande viewervoorinstelling in het keuzemenu. Als de viewervoorinstelling die u zoekt niet zichtbaar is, moet u deze mogelijk zichtbaar maken. Voorinstellingen voor viewers moeten worden gepubliceerd voordat ze kunnen worden gebruikt. Zie Viewer-voorinstellingen beheren. -
Title
Wijzig de titel van de video. -
Width en Height
Voer een waarde in pixels in als u wilt dat de video een vaste grootte heeft. Als u deze waarden niet invult, wordt het adaptief.
U kunt het volgende bewerken Add To Cart instellingen door te klikken Edit in de component.
-
Show Product Asset
Deze waarde is standaard geselecteerd. Het productelement toont een afbeelding van het product zoals gedefinieerd in de module Handel. Schakel het vinkje uit om het productelement niet weer te geven. -
Show Product Price
Deze waarde is standaard geselecteerd. De prijs van het product is de prijs van het object zoals gedefinieerd in de module Handel. Schakel het vinkje uit om de productprijs niet weer te geven. -
Show Product Form
Deze waarde is standaard niet geselecteerd. Het productformulier bevat alle productvarianten zoals grootte en kleur. Schakel het vinkje uit om de productvarianten niet weer te geven.
Panoramische mediacomponent panoramic-media-component
Panoramische media-component is bedoeld voor die elementen die bolvormige panoramische afbeeldingen zijn. Dergelijke afbeeldingen bieden een kijkervaring van 360° voor een ruimte, eigenschap, locatie of landschap. Een afbeelding kan alleen als 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" of ("bolvormig" + "panorama") of ("bolvormig" + "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.
U kunt de volgende instelling bewerken door te tikken op Configure in de component.
- Viewer Preset
Selecteer een bestaande viewer in het vervolgkeuzemenu met voorinstellingen voor viewer.
Als de viewervoorinstelling die u zoekt niet zichtbaar is, controleert u of deze is gepubliceerd. U moet viewervoorinstellingen publiceren voordat u deze kunt gebruiken. Zie Viewer-voorinstellingen beheren.
HTTP/2 gebruiken om Dynamic Media-elementen te leveren using-http-to-delivery-dynamic-media-assets
HTTP/2 is het nieuwe, bijgewerkte webprotocol dat de manier verbetert waarop browsers en servers communiceren. Het zorgt voor een snellere overdracht van informatie en vermindert de hoeveelheid verwerkingskracht die nodig is. De levering van Dynamic Media-middelen kan nu plaatsvinden via HTTP/2, wat betere responstijd en laadtijden biedt.
Zie HTTP2 Levering van inhoud voor volledige informatie over hoe u aan de slag gaat met HTTP/2 met uw Dynamic Media-account.