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.

NOTE
Zorg ervoor dat u elementen publiceert voordat u deze aan de pagina's in Experience Manager toevoegt. Zie het Publiceren Dynamic Media Assets.

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:

  1. Open in Experience Manager de pagina waaraan u de Dynamic Media-component wilt toevoegen.

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

    6_5_360video_wcmcomponent

  3. Sleep een component Dynamic Media en zet deze neer op de gewenste locatie op de pagina.

  4. 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) .

    6_5_360video_wcmcomponentconfigure

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

    Video 360 de component van Media

    De Dynamic Media Video 360 Media-component.

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

  1. Open in Experience Manager de pagina waaraan u de Dynamic Media-component wilt toevoegen.

  2. Selecteer links van de werkbalk naast de pagina het pictogram Pagina-informatie en selecteer vervolgens Edit Template in de vervolgkeuzelijst.

    geef-malplaatje uit

  3. Selecteer in de vervolgkeuzelijst rechts van de werkbalk boven aan de pagina de optie Structure .

    Beleid

  4. Selecteer onder aan de pagina de optie Layout Container om de werkbalk van de pagina te openen en selecteer vervolgens het pictogram Beleid.

  5. Controleer of op de pagina Layout Container onder de kop Properties het tabblad Allowed Components is geselecteerd.

    Toegestane componenten

  6. Schuif totdat u Dynamic Media ziet.

  7. Selecteer het pictogram > links van Dynamic Media en selecteer vervolgens de Dynamic Media-componenten die u wilt inschakelen.

    de componentenlijst van Dynamic Media

  8. Selecteer in de rechterbovenhoek van de pagina Layout Container het pictogram Gereed (vinkje).

  9. Selecteer in de vervolgkeuzelijst rechts van de werkbalk boven aan de pagina de optie Initial Content .

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

    chlimage_1-172

  • 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.
NOTE
Deze componenten zijn niet standaard beschikbaar en moeten beschikbaar worden gemaakt in de sjablooneditor voordat u ze kunt gebruiken. Nadat de componenten in de sjablooneditor beschikbaar zijn gemaakt, kunt u de componenten aan de pagina toevoegen, net als alle andere componenten van Experience Manager .

6_5_dynamicmediawcmcomponents

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.

NOTE
Als uw webpagina het volgende heeft:
  • Meerdere instanties van de Dynamic Media-component die op dezelfde pagina worden gebruikt.
  • Elke instantie gebruikt hetzelfde elementtype.
Het toewijzen van een andere viewervoorinstelling aan elke Dynamic Media-component op die pagina wordt niet ondersteund.
U kunt echter dezelfde viewervoorinstelling gebruiken voor alle Dynamic Media-componenten die op de pagina elementen van hetzelfde type gebruiken.

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 .

het beeld van Dynamic Media vooraf ingestelde montages

NOTE
Standaard is de afbeeldingscomponent voor dynamische media adaptief. Als u een vaste grootte wilt instellen, stelt u dit in de component op het tabblad Advanced met Width en Height in.
  • 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 .

    het plaatsen van de de pixelverhouding van het apparaat voor vooraf ingesteld beeld

    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.

chlimage_1-173

U kunt de volgende Dynamic Media-instellingen bewerken door Edit in de component te selecteren.

NOTE
De Dynamic Media-videocomponent is standaard adaptief. Als u een vaste grootte wilt maken, stelt u deze in de component in met de tabbladen Width en Height Advanced .
  • 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 is posterimage=img.jpg&caption=text.vtt,1

    Met vieweropties kunt u bijvoorbeeld het volgende doen:

    • Koppel een bijschriftdossier met een video: titel

    • Koppel een navigatiedossier met een video: navigatie

      U kunt de volgende geavanceerde instellingen bewerken door Edit te selecteren in de component.

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

Dynamic Media slimme gewassenmontages

U kunt de volgende Dynamic Media-instelling bewerken door Edit te selecteren in de component.

NOTE
Standaard is de afbeeldingscomponent voor dynamische media adaptief. Als u een vaste grootte wilt instellen, stelt u dit in de component op het tabblad Advanced met Width en Height in.
  • 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.

    het plaatsen van de de pixelverhouding van het apparaat voor slimme gewas

    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.

NOTE
Als uw webpagina het volgende heeft:
  • Meerdere instanties van de component Interactive Media die op dezelfde pagina worden gebruikt.
  • Elke instantie gebruikt hetzelfde elementtype.
Het toewijzen van een andere viewervoorinstelling aan elke interactieve mediacomponent op die pagina wordt niet ondersteund.
U kunt echter dezelfde viewervoorinstelling gebruiken voor alle interactieve mediacomponenten die op de pagina elementen van hetzelfde type gebruiken.

chlimage_1-174

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.

NOTE
Als uw webpagina het volgende heeft:
  • Meerdere instanties van de component Panoramic Media die op dezelfde pagina worden gebruikt.
  • Elke instantie gebruikt hetzelfde elementtype.
Het toewijzen van een andere viewervoorinstelling aan elke Panoramic Media -component op die pagina wordt niet ondersteund.
U kunt echter dezelfde viewervoorinstelling gebruiken voor alle Panoramische Media-componenten die elementen van hetzelfde type gebruiken, op de pagina.

Vooraf ingestelde Panoramische media kijker

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.

6_5_360video_wcmcomponent-1

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.

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