Dynamic Media Assets toevoegen aan pagina's adding-dynamic-media-assets-to-pages
Om de functionaliteit van Dynamic Media aan activa toe te voegen die u op uw websites gebruikt, kunt u Dynamic Media, Interactieve Media, Panoramische Media, of Video 360 Media component direct op de pagina toevoegen. U opent de modus Lay-out en schakelt de Dynamic Media-componenten in. Vervolgens voegt u deze componenten aan de pagina toe en voegt u elementen aan de component toe. De componenten voor dynamische media zijn slim: ze weten of u een afbeelding of een video toevoegt en de beschikbare configuratieopties veranderen dienovereenkomstig.
U voegt Dynamic Media-elementen rechtstreeks aan de pagina toe als u Adobe Experience Manager als uw WCM gebruikt. Als u een oplossing van derden gebruikt voor uw WCM, moet u uw assets koppelen of insluiten. Voor een ontvankelijke derdewebsite, zie leverend geoptimaliseerde beelden aan een ontvankelijke plaats.
Een Dynamic Media-component aan een pagina toevoegen adding-a-dynamic-media-component-to-a-page
Het toevoegen van een 3D-mediacomponent, Dynamic Media, Interactieve media, Panoramische media, SmartCrop-video of Video 360-mediacomponent aan een pagina is hetzelfde als het toevoegen van een component aan een pagina.
om een component van Dynamic Media aan een pagina toe te voegen:
-
Open in Experience Manager de pagina waaraan u de Dynamic Media-component wilt toevoegen.
-
Selecteer in het linkerdeelvenster het pictogram Components en filter vervolgens voor 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 de componenten van Dynamic Mediatoelaten.
-
Sleep een component Dynamic Media en zet deze neer op de gewenste locatie op de pagina.
-
Plaats de aanwijzer rechtstreeks op de component. Wanneer de component door een blauw vakje wordt omringd, selecteer eens om de toolbar van de component te tonen. Selecteer het pictogram Configuration (wrench) .
-
Afhankelijk van de Dynamic Media-component die u op de pagina hebt neergezet, wordt een configuratiedialoogvenster geopend. plaats de opties van de componentzonodig.
In het onderstaande voorbeeld ziet u het dialoogvenster Dynamic Media Video 360 Media -component en de opties die beschikbaar zijn in de vervolgkeuzelijst Voorinstelling viewer.
De Dynamic Media Video 360 Media-component.
-
Wanneer u klaar bent, selecteert u in de rechterbovenhoek van het dialoogvenster 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 de componenten moet inschakelen die u wilt gebruiken.
-
Open in Experience Manager de pagina waaraan u de Dynamic Media-component wilt toevoegen.
-
Selecteer links van de werkbalk naast de pagina het pictogram Pagina-informatie en selecteer vervolgens Edit Template in de vervolgkeuzelijst.
-
Selecteer in de vervolgkeuzelijst rechts van de werkbalk boven aan de pagina de optie Structure .
-
Selecteer onder aan de pagina de optie Layout Container om de werkbalk van de pagina te openen en selecteer vervolgens het pictogram Beleid.
-
Controleer of op de pagina Layout Container onder de kop Properties het tabblad Allowed Components is geselecteerd.
-
Schuif totdat u Dynamic Media ziet.
-
Selecteer het pictogram > links van Dynamic Media en selecteer vervolgens de Dynamic Media-componenten die u wilt inschakelen.
-
Selecteer in de rechterbovenhoek van de pagina Layout Container het pictogram Gereed (vinkje).
-
Selecteer in de vervolgkeuzelijst rechts van de werkbalk boven aan de pagina de optie Initial Content .
-
voeg een component van Dynamic Media aan een paginatoe 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. Selecteer Properties en selecteer de tab Advanced . Selecteer de gewenste taal voor lokalisatie.
note note NOTE Niet alle talen die beschikbaar zijn in het menu Language , hebben tokens toegewezen.
Beschikbare Dynamic Media-componenten dynamic-media-components
Dynamic Media-componenten zijn beschikbaar wanneer u het pictogram Components selecteert en vervolgens op Dynamic Media filtert.
De volgende Dynamic Media-componenten zijn beschikbaar:
- Dynamic Media - Wordt gebruikt voor assets zoals afbeeldingen, video, e-catalogi en spinsets.
- Interactive Media - Wordt gebruikt voor interactieve elementen, zoals interactieve video, interactieve afbeeldingen of carrouselsets.
- Panoramic Media - Wordt gebruikt voor panoramische afbeeldingen of voor VR-afbeeldingselementen voor panoramische afbeeldingen.
- Video 360 Media - Gebruik voor 360 video- en 360 VR-video-elementen.
Component: Dynamic Media dynamic-media-component
De Dynamic Media-component is slim. U hebt verschillende opties, of u nu een afbeelding of video toevoegt. De component ondersteunt voorinstellingen voor afbeeldingen, op afbeeldingen gebaseerde viewers, zoals afbeeldingssets, centrifuges, gemengde mediasets en video. Bovendien reageert de viewer hierop. De grootte van het scherm verandert automatisch op basis van de schermgrootte. Alle viewers zijn HTML5-viewers.
- Meerdere instanties van de Dynamic Media-component die op dezelfde pagina worden gebruikt.
- Elke instantie gebruikt hetzelfde elementtype.
Wanneer u de Dynamic Media-component toevoegt en Dynamic Media Settings leeg is of wanneer u een element niet correct kunt toevoegen, controleert u het volgende:
- De afbeelding heeft een piramideTIFF-bestand. Afbeeldingen die worden geïmporteerd voordat u Dynamic Media inschakelt, beschikken niet over een 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 kunt de volgende Dynamic Media-instellingen bewerken door het pictogram Edit in de component te selecteren en vervolgens Dynamic Media Settings .
-
Viewer preset - Selecteer een bestaande viewervoorinstelling in de vervolgkeuzelijst. Als de viewervoorinstelling die u zoekt niet zichtbaar is, moet u deze zichtbaar maken. Zie Viewer-voorinstellingen beheren. U kunt geen viewervoorinstelling selecteren als u een voorinstelling voor afbeeldingen gebruikt en omgekeerd.
Dit is de enige optie die beschikbaar is als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt. De weergegeven viewervoorinstellingen zijn ook slimme voorinstellingen voor relevante viewers.
-
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 ondertitelingsbestand aan de video koppelt. -
Image preset - Selecteer een bestaande voorinstelling voor een afbeelding in de vervolgkeuzelijst. Als de voorinstelling die u zoekt niet zichtbaar is, moet u deze zichtbaar maken. Zie Beeld beheren vooraf instelt. U kunt geen viewervoorinstelling selecteren als u een voorinstelling voor afbeeldingen gebruikt en omgekeerd.
Deze optie is niet beschikbaar als u afbeeldingssets, centrifuges of gemengde mediasets bekijkt.
-
Image Modifiers - U kunt afbeeldingseffecten toepassen door meer opdrachten voor afbeeldingen in te voeren. Deze opdrachten 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 worden gescheiden door komma's (,). 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 Edit te selecteren in de component.
-
Optimize for higher resolution devices - Selecteer (standaard) het selectievakje om DPR (Device Pixel Ratio)-optimalisatie toe te staan.
De optie Optimize for higher resolution devices wordt alleen weergegeven als het volgende true is:
- Onder Type voorinstelling wordt Image Preset geselecteerd en wordt RESS_IP geselecteerd in de vervolgkeuzelijst Image Preset .
Zie ook Ongeveer de optimalisering van de apparatenpixelverhouding.
Alle Experience Manager Dynamic Media Smart Imaging DPR-waarden worden genegeerd.
-
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 - Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarde leeg laat, wordt het element adaptief.
-
Height - Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarde leeg laat, 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 kunt de volgende Dynamic Media-instellingen bewerken door Edit in de component te selecteren.
-
Viewer preset - Selecteer een bestaande voorinstelling voor een videoviewer in de vervolgkeuzelijst. Als de viewervoorinstelling die u zoekt niet zichtbaar is, moet u deze zichtbaar maken. Zie Viewer-voorinstellingen beheren.
-
Viewer modifiers - Viewer-modifiers hebben de vorm van
name=value
pair met een&
-scheidingsteken. Hiermee kunt u viewers wijzigen zoals wordt beschreven in de naslaggids voor Adobe viewers. Een voorbeeld van een viewer-modifier isposterimage=img.jpg&caption=text.vtt,1
Met vieweropties kunt u bijvoorbeeld het volgende doen:
-
Title - Wijzig de titel van de video.
-
Width - Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarde leeg laat, wordt het element adaptief.
-
Height - Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarde leeg laat, wordt het element 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 Slim Uitsnijden van het Gebruik met Experience Manager Assets Dynamic Media
Zie ook Profielen van het Beeld.
U kunt de volgende Dynamic Media-instelling bewerken door Edit te selecteren in de component.
-
Image Modifiers - U kunt afbeeldingseffecten toepassen door meer opdrachten voor afbeeldingen in te voeren. Deze opdrachten 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 de volgende geavanceerde instellingen bewerken door Edit te selecteren in de component.
-
Enable Aspect Ratio match - Als u wilt dat Dynamic Media een slimme-uitsnijdvertoning kiest met een hoogte-breedteverhouding die het beste overeenkomt met de hoogte-breedteverhouding van de oorspronkelijke afbeelding, selecteert u deze optie.
-
Optimize for higher resolution devices - Selecteer (standaard) het selectievakje om DPR (Device Pixel Ratio)-optimalisatie toe te staan.
De optie Optimize for higher resolution devices wordt alleen weergegeven als het volgende true is:
- Onder Type voorinstelling is de optie Smart Crop geselecteerd.
Zie ook Ongeveer de optimalisering van de apparatenpixelverhouding.
Alle Experience Manager Dynamic Media Smart Imaging DPR-waarden worden genegeerd.
-
Title - Wijzig de titel van de slimme-uitsnijdafbeelding.
-
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.
-
Width - Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarde leeg laat, wordt het element adaptief.
-
Height - Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarde leeg laat, wordt het element adaptief.
Component: interactieve media interactive-media-component
De interactieve component van Media is voor die activa die interactiviteit op hen zoals hotspots of beeldkaarten hebben. Gebruik de component Interactive Media als u een interactieve afbeelding, interactieve video of carrouselbanner hebt.
De component Interactieve media is slim. U hebt verschillende opties, of u nu een afbeelding of video toevoegt. Bovendien reageert de viewer snel. De grootte van het scherm wordt automatisch aangepast op basis van de schermgrootte. Alle viewers zijn HTML5-viewers.
- Meerdere instanties van de component Interactive Media die op dezelfde pagina worden gebruikt.
- Elke instantie gebruikt hetzelfde elementtype.
U kunt de volgende General -instellingen bewerken door Edit te selecteren in de component.
-
Viewer preset - Selecteer een bestaande viewervoorinstelling in de vervolgkeuzelijst. Als de viewervoorinstelling die u zoekt niet zichtbaar is, moet u deze 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 - Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarde leeg laat, wordt het element adaptief.
-
Height - Voer een waarde in pixels in als u wilt dat de afbeelding een vaste grootte heeft. Als u deze waarde leeg laat, wordt het element adaptief.
U kunt de volgende Add To Cart -instellingen bewerken door Edit te selecteren in de component.
-
Show Product Asset - Deze waarde is standaard geselecteerd. In het productelement ziet u een afbeelding van het product, zoals gedefinieerd in de Commerce-module. 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 Commerce. 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.
Component: panoramische media 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
equirectangular
of (spherical
+panorama
) of (spherical
+panoramic
). Zie Gebruikend Markeringen.
Zowel de criteria voor hoogte-breedteverhouding als voor trefwoorden zijn van toepassing op panoramische assets voor de pagina met assetdetails en de Panoramic Media WCM-component.
- Meerdere instanties van de component Panoramic Media die op dezelfde pagina worden gebruikt.
- Elke instantie gebruikt hetzelfde elementtype.
U kunt de volgende instelling bewerken door Configure in de component te selecteren.
- Viewer Preset - Selecteer een bestaande viewer in de vervolgkeuzelijst met voorinstellingen voor viewer.
Als de viewervoorinstelling die u zoekt niet zichtbaar is, controleert u of deze is gepubliceerd. Publish-viewervoorinstellingen voordat u deze gebruikt. Zie Kijker beheren steltvooraf in.
Component: Video 360-media video-media-component
Met de component Video 360 Media kunt u rechthoekige video op uw webpagina renderen. Dit zorgt voor een indrukwekkende kijkervaring van een kamer, eigenschap, locatie, landschap of medische procedure.
Tijdens het afspelen op een plat beeldscherm heeft de gebruiker controle over de kijkhoek; bij het afspelen op mobiele apparaten worden doorgaans de ingebouwde gyroscopische besturingselementen 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.
U kunt de volgende instelling bewerken door Configure in de component te selecteren.
- Viewer Preset - Selecteer een bestaande viewer in de vervolgkeuzelijst met voorinstellingen voor viewer. Gebruik Video360VR voor eindgebruikers die een virtuele realiteitsbril gebruiken. Bevat basisbesturingselementen voor het afspelen van video en functies voor sociale media. Gebruik Video360_social, die basisbesturingselementen voor het afspelen van video bevat. Video renderen wordt uitgevoerd in de stereomodus. Handmatige zichtpuntcontrole is uitgeschakeld, maar gyroscopische controle is ingeschakeld. Er zijn geen functies voor sociale media.
Als de viewervoorinstelling die u zoekt niet zichtbaar is, controleert u of deze is gepubliceerd. Publish-viewervoorinstellingen voordat u deze gebruikt. Zie Kijker beheren steltvooraf in.
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 Inhoudvoor volledige details bij het worden begonnen HTTP/2 met uw rekening van Dynamic Media te gebruiken.