Dynamische media Assets toevoegen aan pagina's
- Onderwerpen:
- Asset management
Gemaakt voor:
- Gebruiker
Om de Dynamische functionaliteit van Media aan activa toe te voegen die u op uw websites gebruikt, kunt u de Dynamische Media toevoegen, Interactieve Media, Panoramische Media, of Video 360 Media component direct op de pagina. U opent de modus Lay-out en schakelt de componenten Dynamische media 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 dynamische 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 component Dynamische media aan een pagina toevoegen
Het toevoegen van 3D-media, dynamische 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 Dynamische component van Media aan een pagina toe te voegen:
-
Open in Experience Manager de pagina waaraan u de component Dynamische media wilt toevoegen.
-
Selecteer in het linkerdeelvenster het pictogram Components en filter vervolgens voor Dynamische media.
Als er geen lijst met dynamische mediacomponenten beschikbaar is, moet u waarschijnlijk de dynamische mediacomponenten inschakelen die u wilt gebruiken. Zie Dynamische componenten van 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 Dynamische media Video 360 Media 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.
Dynamische mediacomponenten inschakelen
Als er geen dynamische mediacomponenten 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 component Dynamische media 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 dynamische mediacomponenten 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 .
-
voegt een Dynamische component van Media aan een paginatoe zoals gebruikelijk.
Dynamische mediacomponenten lokaliseren
U kunt dynamische mediacomponenten 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
Niet alle talen die beschikbaar zijn in het menu Language , hebben tokens toegewezen.
Beschikbare dynamische mediacomponenten
Dynamische mediacomponenten zijn beschikbaar wanneer u het pictogram Components selecteert en vervolgens filtert op Dynamic Media .
De dynamische componenten van Media die beschikbaar zijn omvatten het volgende:
- 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: dynamische media
De component Dynamische media 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 component Dynamic Media die op dezelfde pagina worden gebruikt.
- Elke instantie gebruikt hetzelfde elementtype.
Wanneer u de component Dynamische media 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 Dynamische media inschakelt, hebben geen TIFF-bestand met piramide.
Wanneer u met afbeeldingen werkt
Met de component Dynamische media 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 instellingen voor dynamische media 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
Met de component Dynamische media 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 instellingen voor dynamische media bewerken door Edit te selecteren in de component.
-
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 Adobe Viewers Reference Guide. 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
Met de component Dynamische media 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 de Dynamische Media van Experience Manager Assets
Zie ook Profielen van het Beeld.
U kunt de volgende instelling voor dynamische media 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 - Selecteer deze optie als u wilt dat Dynamic Media een slimme uitsnijdvertoning kiest met een hoogte-breedteverhouding die het best overeenkomt met de hoogte-breedteverhouding van de oorspronkelijke afbeelding.
-
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
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
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. Publiceer viewervoorinstellingen voordat u deze gebruikt. Zie Kijker beheren steltvooraf in.
Component: Video 360-media
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. Publiceer viewervoorinstellingen voordat u deze gebruikt. Zie Kijker beheren steltvooraf in.
HTTP/2 gebruiken om dynamische media-elementen te leveren
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 dynamische media-elementen 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 Dynamische rekening van Media te gebruiken.
- Gebruik de Videospeler in Dynamische Media van Experience Manager
- Interactieve Video van het Gebruik met de Dynamische Media van Experience Manager
- Begrijp de Kijker van Activa met de Dynamische Media van Experience Manager
- de Videominiatuur van de Douane van het Gebruik met de Dynamische Media van Experience Manager
- Begrijp het Beheer van de Kleur met de Dynamische Media van Experience Manager
- Beeld van het Gebruik het Verscherpen met de Dynamische Media van Experience Manager