Componenten toevoegen aan een kanaal adding-components-to-a-channel

Componenten zijn de basiselementen van de AEM (Adobe Experience Manager)-ervaring. U kunt een aantal componenten gebruiken en het toevoegen aan uw kanaal in een project van AEM Screens.

Componenten in AEM Screens components-in-aem-screens

AEM Screens biedt verschillende AEM componenten die in een Screens-project kunnen worden gebruikt.

AEM Screens-componenten weergeven viewing-aem-screens-components

Wanneer u een project van AEM Screens creeert, zult u een lijst van standaardcomponenten zien die aan het project kunnen worden toegevoegd.

Volg onderstaande stappen om de standaardcomponenten voor uw project Schermen weer te geven:

  1. Selecteer het kanaal. Bijvoorbeeld: We.Winkel in winkel —> Kanalen —> Niet-actief kanaal.

  2. Klikken Bewerken in de actiebalk om de AEM-editor te openen.

  3. Klik op de knop + van de zijbalk om de componenten te openen.

  4. Alle componenten die door gebrek in een het projectvertoningen van AEM Screens inbegrepen zijn, zoals aangetoond in het hieronder cijfer.

screen_shot_2017-12-18at21350pm

Een nieuwe component toevoegen adding-a-new-component

AEM verstrekt een aantal andere componenten. U kunt altijd andere componenten (die niet standaard zijn opgenomen) aan uw project toevoegen, omdat deze compatibel zijn met AEM Screens.

In het volgende voorbeeld wordt de toevoeging van een component Livefyre aan een AEM Screens-project getoond:

  1. Selecteer het kanaal waaraan u een nieuwe component wilt toevoegen. Bijvoorbeeld: We.Winkel in winkel —> Kanalen —> Niet-actief kanaal.

  2. Klikken Bewerken in de actiebalk om de editor te openen.

  3. Selecteren Ontwerp in.

  4. Selecteer de volledige ontwerpeditor aan de rechterkant en klik op het instellingensymbool om het dialoogvenster ParSys-ontwerp in.

  5. U kunt de componenten selecteren die u in uw AEM Screens-project wilt importeren. In het volgende voorbeeld wordt de toevoeging van Livefyre aan een AEM Screens-project.

adding_components

NOTE
Op dezelfde manier kunt u om het even welk aantal andere nieuwe componenten toevoegen die met AEM Screens aan uw project compatibel zijn.

Schermcomponenten AEM understanding-aem-screen-components

In de volgende sectie worden de AEM Screens-componenten uitgelegd die u in uw project kunt gebruiken.

NOTE
Als u de eigenschappen van een component wilt weergeven, selecteert u de component en klikt u op het hamerpictogram om eigenschappen te openen of weer te geven.

Toepassing application

De Toepassing kunt u een toepassing aan uw kanaal toevoegen.

Toepassingscomponent heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Toepassingspad
Selecteer het absolute pad waar de toepassing bestaat.
Duur (ms)
Selecteer de duur van de toepassing. Standaard is de duur ingesteld op -1, wat betekent dat het element voorgoed wordt uitgevoerd (dat wil zeggen, toepassing op één pagina). Wanneer u de waarde voor de duur > 0 instelt, wordt het element voor de opgegeven duur weergegeven en gaat u vervolgens naar de volgende waarde.

In het volgende voorbeeld wordt getoond hoe u een toepassingscomponent insluit samen met de voorvertoning van de eigenschappen ervan:

adding_componentsApplication

NOTE
Zie het bovenstaande voorbeeld voor de eigenschappen van elk van de onderstaande componenten.

Kanaal channel

De Kanaal kunt u een volledig kanaal toevoegen aan uw project.

De component Channel heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Kanaalpad
Selecteer dit absolute pad waar de toepassing bestaat.
Duur (ms)
Selecteer de volledige duur van het kanaal. Als u de duur instelt op -1, wordt de volledige lengte van het ingesloten kanaal in een bepaald kanaal uitgevoerd.

Ingesloten pagina embedded-page

An Ingesloten pagina kunt u een ingesloten pagina toevoegen aan uw project. Het kan bijvoorbeeld een webtoepassing of een productcatalogus zijn.

De ingesloten pagina heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Pad naar pagina
Selecteer dit absolute pad waar het kanaal bestaat.
Duur (ms)
Selecteer de volledige duur van het kanaal. Als u de duur instelt op -1, wordt de volledige lengte van het ingesloten kanaal in een bepaald kanaal uitgevoerd.

Ingesloten reeks embedded-sequence

NOTE
Zie Ingesloten reeksen onder het gedeelte Ontwerpschermen voor meer informatie over ingesloten reeksen.

Met een ingesloten reeks kunt u een ingesloten volgnummer toevoegen aan uw bestaande kanaal (met andere elementen).

De ingesloten reeks heeft de volgende pagina-eigenschappen:

Eigenschap
Beschrijving
Kanaalpad
Selecteer het absolute pad van de reeks die u in het kanaal wilt opnemen.
Duur (ms)
Selecteer de volledige duur van het kanaal. Als u de duur instelt op -1, wordt de volledige lengte van het ingesloten kanaal in een bepaald kanaal uitgevoerd.
Strategie
Instellen op origineel of enkel. De waarde instellen op origineel betekent dat de volgende cyclus volledig wordt uitgevoerd op elke cyclus van de bovenliggende reeks. De andere mogelijke waarde is enkel en dat slechts één punt van de opeenvolging op elke looppas zou tonen (bijvoorbeeld, het eerste punt op de eerste lijn, het tweede punt op de tweede lijn, etc.)

Dynamische ingesloten reeks dynamic-embedded-sequence

Met een dynamische ingesloten reeks kunt u een reeks toevoegen die lijkt op de bovenstaande reeks, behalve met de rol van het kanaal.

Zie Ingesloten reeksen onder het gedeelte Ontwerpschermen voor meer informatie over ingesloten reeksen.

De dynamische ingesloten reeks heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Kanaaltoewijzingsrol
Voer de kanaalrol in.
Duur (ms)
Selecteer de volledige duur van het kanaal. Als u de duur instelt op -1, wordt de volledige lengte van het ingesloten kanaal in een bepaald kanaal uitgevoerd.
Strategie
Instellen op origineel of enkel. De waarde instellen op origineel betekent dat de volgende cyclus volledig wordt uitgevoerd op elke cyclus van de bovenliggende reeks. De andere mogelijke waarde is enkel en dat slechts één punt van de opeenvolging op elke looppas zou tonen (bijvoorbeeld, het eerste punt op de eerste lijn, het tweede punt op de tweede lijn, etc.)

Ervaar fragment experience-fragment

Met een ervaringsfragment kunt u een ervaringsfragment (groep van een of meer componenten, waaronder inhoud en lay-out, waarnaar op pagina's kan worden verwezen) toevoegen aan uw AEM Screens-kanaal. Sleep de component naar AEM editor en selecteer het ervaringsfragment.

Raadpleeg voor meer informatie over het maken van een ervaringsfragment en het te gebruiken in een AEM Screens-project de volgende bronnen: Beleidsfragmenten gebruiken.

exp

Eigenschap
Beschrijving
Ervaar fragment
Ervaar fragment
Selecteer het ervaringsfragment.
Duur
Selecteer de volledige duur van het ervaringsfragment dat in het kanaal speelt.
Offlineconfiguratie
Client-side bibliotheken
Javascript- en CSS-bestanden.
Statische bestanden
Statische bestanden die u als offline configuraties kunt toevoegen aan uw ervaringsfragment.
NOTE
De Client-side bibliotheken en de Statische bestanden dat u toevoegt van deze component naast reeds gevormd Client-side bibliotheken en de statische bestanden die uit het ervaringsfragment worden toegevoegd Eigenschappen.

Afbeelding image

Met een afbeelding kunt u een afbeelding aan het kanaal toevoegen.

Het afbeeldingselement heeft drie tabbladen, namelijk Afbeelding, Toegankelijkheid, en Reeks:

Eigenschap
Beschrijving
Afbeelding
Afbeeldingselement
Selecteer het afbeeldingselement.
Titel
Titel van de afbeelding.
Koppelen naar
Voeg een koppeling toe aan de afbeelding.
Beschrijving
Korte beschrijving voor de afbeelding.
Grootte
Grootte van de afbeelding.
Toegankelijkheid
Alternatieve tekst
Alternatieve tekst voor de afbeelding.
Reeks
Duur
Standaard is de duur ingesteld op 8000 ms. Als u de afspeelduur van de afbeelding wilt wijzigen, werkt u de Duur veld.

Overgang transition

Met de component Overgang kunt u een overgang toevoegen aan uw schermproject.

In de volgende afbeelding ziet u de overgangscomponent (die via slepen en neerzetten wordt toegevoegd) in de editor.

screen_shot_2019-07-25at104237am

Selecteer het overgangspictogram en klik op de knop Configureren (moersleutelpictogram) om het dialoogvenster te openen Overgang in. Dit dialoogvenster bevat drie tabbladen:

  • Overgang
  • Reeks
  • Activering
NOTE
Standaard wordt de reeks ingesteld op 600 ms. U kunt de overgangsreeks bijwerken naar een andere waarde met de opdracht Reeks tab.

overgang

De overgangscomponent heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Overgang
Type

Het type overgang tussen het element voor en na. De overgang Type bevat de volgende opties:

  • Normaal
  • Vervagen
  • Inschuiven vanaf rechterkant
  • Inschuiven vanaf linkerkant
  • Inschuiven vanaf bovenkant
  • Inschuiven vanaf onderkant
Reeks
Duur
Selecteer de volledige duur van de overgang. De standaardwaarde is 600 ms.
Activering
Actief van
Tijdstempel dat aangeeft vanaf wanneer de overgang actief kan zijn.
Actief tot
Tijdstempel dat aangeeft tot wanneer de overgang actief kan zijn.
Schema
Voeg een vooraf gedefinieerd schema toe.

Video video

Met de component Video kunt u een video toevoegen aan uw schermproject.

De videocomponent heeft de volgende eigenschappen:

Eigenschap
Beschrijving
Video-element
Selecteer de koppeling naar de video.
Duur
Selecteer de duur van de video. Standaard is de duur ingesteld op -1, wat betekent dat het element altijd wordt uitgevoerd. Wanneer u de waarde voor de duur > 0 instelt, wordt het element voor de opgegeven duur weergegeven en gaat u vervolgens naar de volgende waarde.
Renderen

Als de hoogte-breedteverhouding van de video niet op het scherm past, kunt u de rendering instellen op bevatten of bedekken.

Bevatten betekent dat de volledige video wordt weergegeven en de ontbrekende gebieden worden opgevuld met een zwarte rand.

Omslag betekent dat de video de hele viewport bedekt, maar dat sommige onderdelen die aan de zijkanten overlopen verborgen zijn.

Grootte
Grootte van de video.
recommendation-more-help
adce462a-f916-4dbe-9ab5-0b62cfb0f053