Hinzufügen von Dynamic Media-Assets zu Seiten adding-dynamic-media-assets-to-pages
Um die Funktion für dynamische Medien zu Assets hinzuzufügen, die Sie auf Ihren Websites verwenden, können Sie die Dynamic Media oder Interaktive Medien direkt auf der Seite. Wechseln Sie dazu in den Layout -Modus und aktivieren Sie die Komponenten für dynamische Medien. Anschließend können Sie der Seite diese Komponenten und der Komponente Assets hinzufügen. Die Komponenten für dynamische Medien und interaktive Medien sind intelligent. Sie wissen, ob Sie ein Bild oder Video hinzufügen. Die verfügbaren Optionen ändern sich entsprechend.
Sie fügen Dynamic Media-Assets direkt zur Seite hinzu, wenn Sie AEM als WCM verwenden. Wenn Sie einen Drittanbieter für Ihr WCM verwenden, verknüpfen Sie Ihre Assets oder betten Sie sie ein. Eine responsive Website von Drittanbietern finden Sie unter Bereitstellen optimierter Bilder für eine responsive Site.
Hinzufügen einer Dynamic Media-Komponente zu einer Seite adding-a-dynamic-media-component-to-a-page
Das Hinzufügen einer Dynamic Media-Komponente zu einer Seite entspricht dem Hinzufügen einer Komponente zu einer beliebigen Seite. Die Dynamic Media-Komponenten werden in den folgenden Abschnitten ausführlich beschrieben.
-
Öffnen Sie in AEM die Seite, auf der Sie die Dynamic Media-Komponente hinzufügen möchten.
-
Klicken Sie im Bedienfeld auf der linken Seite der Seite (Sie müssen ggf. die Anzeige des Seitenbedienfelds umschalten) auf die Komponenten Symbol.
-
Wählen Sie unter der Überschrift Komponenten in der Dropdown-Liste Dynamic Media aus. Wenn keine Liste der Dynamic Media-Komponenten verfügbar ist, müssen Sie wahrscheinlich die zu verwendenden Dynamic Media-Komponenten aktivieren. Informationen hierzu finden Sie unter Aktivieren von Dynamic Media-Komponenten.
-
Ziehen Sie eine Dynamic Media-Komponente, die Sie verwenden möchten, an die gewünschte Position auf der Seite.
-
Bewegen Sie den Mauszeiger direkt über die Komponente. Wenn die Komponente blau hervorgehoben wird, tippen Sie einmal darauf, um die Symbolleiste der Komponente anzuzeigen. Tippen Sie auf das Symbol Konfiguration (Schraubenschlüssel).
-
Komponenten bearbeiten und klicken Sie auf das Häkchen, um die Änderungen zu speichern.
Aktivieren von Dynamic Media-Komponenten enabling-dynamic-media-components
Wenn keine Dynamic Media-Komponenten zum Hinzufügen zu einer Seite verfügbar sind, bedeutet dies wahrscheinlich, dass Sie zunächst die zu verwendenden Komponenten aktivieren müssen.
-
Öffnen Sie in AEM die Seite, auf der Sie die Dynamic Media-Komponente hinzufügen möchten.
-
Tippen Sie links oben auf der Seite in der Symbolleiste auf das Symbol „Seiteninformationen“ und dann in der Dropdown-Liste auf Vorlage bearbeiten.
-
Tippen Sie oben rechts auf der Seite in der Symbolleiste in der Dropdown-Liste auf Struktur.
-
Tippen Sie unten auf der Seite auf Layout-Container, um die Symbolleiste zu öffnen. Tippen Sie anschließend auf das Symbol „Richtlinie“.
-
Stellen Sie auf der Seite Layout-Container unter der Überschrift Eigenschaften sicher, dass die Registerkarte Zugelassene Komponenten ausgewählt ist.
-
Scrollen Sie nach unten, bis Dynamic Media angezeigt wird.
-
Tippen Sie links neben Dynamic Media auf „>“, um die Liste zu erweitern, und wählen Sie die Dynamic Media-Komponenten aus, die Sie aktivieren möchten.
-
Tippen Sie rechts oben auf der Seite Layout-Container auf das Symbol „Fertig“ (Häkchen).
-
Tippen Sie oben rechts auf der Seite in der Symbolleiste in der Dropdown-Liste auf Anfänglicher Inhalt und fügen Sie dann wie gewohnt eine Dynamic Media-Komponente zu einer Seite hinzu.
Lokalisieren von Dynamic Media-Komponenten localizing-dynamic-media-components
Zum Lokalisieren von Dynamic Media-Komponenten stehen Ihnen zwei Möglichkeiten zur Verfügung:
-
Öffnen Sie auf einer Web-Seite unter „Sites“ die Option Eigenschaften und wählen Sie die Registerkarte Erweitert aus. Wählen Sie die gewünschte Sprache für die Lokalisierung aus.
-
Wählen Sie über den Site-Selector die gewünschte Seite oder Seitengruppe aus. Tippen Sie auf Eigenschaften und wählen Sie die Registerkarte Erweitert aus. Wählen Sie die gewünschte Sprache für die Lokalisierung aus.
note note NOTE Nicht allen im Menü Sprache verfügbaren Sprachen sind derzeit Tokens zugewiesen.
Dynamic Media-Komponenten dynamic-media-components
Dynamic Media und interaktive Medien sind im Dynamic Media Registerkarte in Komponenten. Verwenden Sie die Komponente Interaktive Medien für beliebige interaktive Assets wie interaktive Videos, interaktive Bilder oder Karussellsets. Verwenden Sie für alle anderen Dynamic Media-Komponenten die Dynamic Media-Komponente.
Komponente „Dynamic Media“ dynamic-media-component
Die Komponente „Dynamic Media“ ist intelligent. In Abhängigkeit davon, ob Sie ein Bild oder Video hinzufügen, haben Sie verschiedene Optionen. Die Komponente unterstützt Bildvorgaben, bildbasierte Viewer wie Bildsets sowie Rotationssets, Sets für gemischte Medien und Videos. Darüber hinaus ist der Viewer responsiv. Das heißt, die Größe des Bildschirms ändert sich automatisch entsprechend der Bildschirmgröße. Bei allen Viewern handelt es sich um HTML5-Viewer.
- Sie haben Dynamic Media aktiviert. Dynamic Media ist standardmäßig deaktiviert.
- Das Bild weißt eine Pyramid TIFF-Datei auf. Bilder, die vor der Aktivierung von Dynamic Media importiert wurden, verfügen nicht über eine Pyramid TIFF-Datei.
Arbeiten mit Bildern when-working-with-images
Mit der Komponente „Dynamic Media“ können Sie dynamische Bilder, einschließlich Bildsets, Rotationssets und Sets für gemischte Medien, hinzufügen. Sie können Vergrößerungen sowie Verkleinerungen vornehmen und (sofern zutreffend) ein Bild in einem Rotationsset drehen oder ein Bild aus einem anderen Set auswählen.
Sie können zudem die Viewer-Vorgabe, Bildvorgabe oder das Bildformat direkt in der Komponente konfigurieren. Um ein Bild responsiv zu gestalten, können Sie entweder die Haltepunkte festlegen oder eine responsive Bildvorgabe anwenden.
Sie müssen die folgenden Dynamic Media-Einstellungen bearbeiten, indem Sie auf Bearbeiten Symbol in der Komponente und dann Dynamic Media-Einstellungen.
-
Viewer-Vorgabe
Wählen Sie eine vorhandene Viewer-Vorgabe aus dem Dropdown-Menü aus. Wenn die gewünschte Viewer-Vorgabe nicht sichtbar ist, müssen Sie sie möglicherweise sichtbar machen. Siehe „Verwalten von Viewer-Vorgaben“. Sie können keine Viewer-Vorgabe auswählen, wenn Sie eine Bildvorgabe verwenden und umgekehrt.
Dies ist die einzig verfügbare Option beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien. Die angezeigten Viewer-Vorgaben sind ebenfalls intelligent. Es werden nur relevante Viewer-Vorgaben angezeigt. -
Viewer-Modifikatoren
Viewer-Modifikatoren haben die Form "name=value pair with a & delimiter"und ermöglichen eine Viewer-Bearbeitung, wie im Viewer-Referenzhandbuch beschrieben. Ein Beispiel für einen Viewer-Modifikator ist posterimage=img.jpg&caption=text.vtt,1 , das ein anderes Bild für die Videominiatur festlegt und dem Video eine Untertiteldatei zuordnet. -
Bildvorgabe
Wählen Sie eine vorhandene Bildvorgabe aus dem Dropdown-Menü aus. Wenn die gewünschte Bildvorgabe nicht sichtbar ist, müssen Sie sie möglicherweise sichtbar machen. Siehe „Verwalten von Bildvorgaben“. Sie können keine Viewer-Vorgabe auswählen, wenn Sie eine Bildvorgabe verwenden und umgekehrt.
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar. -
Bild-Modifikatoren
Sie können Bildeffekte anwenden, indem Sie zusätzliche Bildbefehle bereitstellen. Diese werden unter „Bildvorgaben“ und in der Referenz zum Image-Serving-Befehl beschrieben.
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar. -
Haltepunkte
Wenn Sie dieses Asset auf einer responsiven Site verwenden, müssen Sie die Bildhaltepunkte hinzufügen. Bildhaltepunkte müssen durch Kommas (,) getrennt werden. Diese Option kann verwendet werden, wenn in einer Bildvorgabe keine Höhe oder Breite festgelegt ist.
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar.
Sie können die folgenden erweiterten Einstellungen bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken. -
Titel
Ändern Sie den Titel des Bildes. -
Alternativtext
Fügen Sie dem Bild einen Titel für die Benutzer hinzu, deren Grafiken deaktiviert sind.
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar. -
URL, Öffnen in
Sie können ein Asset so einrichten, dass ein Link geöffnet wird. Legen Sie die URL fest. Geben Sie in „Öffnen in“ an, ob der Link im selben oder einem neuen Fenster geöffnet werden soll.
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar. -
Breite und Höhe
Geben Sie einen Wert in Pixel an, wenn das Bild eine feste Größe aufweisen soll. Wenn die Werte leer gelassen werden, ist das Asset adaptiv.
Arbeiten mit Videos when-working-with-video
Verwenden Sie die Dynamic Media-Komponente, um Ihren Web-Seiten dynamische Videos hinzuzufügen. Beim Bearbeiten der Komponente können Sie eine vordefinierte Video-Viewer-Vorgabe für das Wiedergeben des Videos auf der Seite verwenden.
Sie müssen die folgenden Dynamic Media-Einstellungen bearbeiten, indem Sie auf Bearbeiten in der Komponente.
-
Viewer-Vorgabe
Wählen Sie eine vorhandene Video-Viewer-Vorgabe aus dem Dropdown-Menü aus. Wenn die gewünschte Viewer-Vorgabe nicht sichtbar ist, müssen Sie sie möglicherweise sichtbar machen. Siehe „Verwalten von Viewer-Vorgaben“. -
Viewer-Modifikatoren
Viewer-Modifikatoren haben die Form "name=value pair with a & delimiter"und ermöglichen eine Viewer-Bearbeitung, wie im Adobe Viewer-Referenzhandbuch beschrieben. Ein Beispiel für einen Viewer-Modifikator ist posterimage=img.jpg&caption=text.vtt,1Viewer-Modifikatoren ermöglichen z. B. Folgendes:
- Verknüpfen einer Untertiteldatei mit einem Video Beschriftung.
- Verknüpfen einer Navigationsdatei mit einem Video Navigation.
Sie können die folgenden erweiterten Einstellungen bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken.
-
Titel
Ändern Sie den Titel des Videos. -
Breite und Höhe
Geben Sie einen Wert in Pixel an, wenn das Video eine feste Größe aufweisen soll. Wenn die Werte leer gelassen werden, wird es adaptiv.
Bei der Arbeit mit smartem Zuschneiden when-working-with-smart-crop
Verwenden Sie die Dynamic Media-Komponente, um Bild-Assets für smartes Zuschneiden zu Ihren Web-Seiten hinzuzufügen. Beim Bearbeiten der Komponente können Sie eine vordefinierte Video-Viewer-Vorgabe für das Wiedergeben des Videos auf der Seite verwenden.
Weitere Informationen finden Sie unter Bildprofile.
Sie können die folgenden Einstellungen für Dynamic Media bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken.
- Bild-Modifikatoren
Sie können Bildeffekte anwenden, indem Sie zusätzliche Bildbefehle bereitstellen. Diese werden unter „Bildvorgaben“ und in der Referenz zum Image-Serving-Befehl beschrieben.
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar.
Sie können die folgenden erweiterten Einstellungen bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken.
-
Titel
Ändern Sie den Titel des Smart Crop-Bildes. -
Alternativtext
Fügen Sie dem smarten Zuschnittbild einen Titel für die Benutzer hinzu, deren Grafiken deaktiviert sind.
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar. -
URL, Öffnen in
Sie können ein Asset so einrichten, dass ein Link geöffnet wird. Legen Sie die URL fest. Geben Sie in „Öffnen in“ an, ob der Link im selben oder einem neuen Fenster geöffnet werden soll.
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar. -
Höhe und Breite
Geben Sie einen Wert in Pixel an, wenn das smarte Zuschnittbild eine feste Größe aufweisen soll. Wenn die Werte leer gelassen werden, wird es adaptiv.
Komponente „Interaktive Medien“ interactive-media-component
Die interaktive Medienkomponente eignet sich für Assets, die interaktiv sind, wie Hotspots oder Imagemaps. Wenn Sie über ein interaktives Bild, interaktives Video oder Karussellbanner verfügen, verwenden Sie die interaktive Medienkomponente.
Die interaktive Medienkomponente ist intelligent. Je nachdem, ob Sie ein Bild oder Video hinzufügen, haben Sie verschiedene Optionen. Darüber hinaus ist der Viewer responsiv - die Größe des Bildschirms ändert sich automatisch basierend auf der Bildschirmgröße. Bei allen Viewern handelt es sich um HTML5-Viewer.
Sie können die folgenden allgemeinen Einstellungen bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken.
-
Viewer-Vorgabe
Wählen Sie eine vorhandene Viewer-Vorgabe aus dem Dropdown-Menü aus. Wenn die gewünschte Viewer-Vorgabe nicht sichtbar ist, müssen Sie sie möglicherweise sichtbar machen. Viewer-Vorgaben müssen veröffentlicht werden, bevor sie verwendet werden können. Siehe „Verwalten von Viewer-Vorgaben“. -
Titel
Ändern Sie den Titel des Videos. -
Breite und Höhe
Geben Sie einen Wert in Pixel an, wenn das Video eine feste Größe aufweisen soll. Wenn die Werte leer gelassen werden, wird es adaptiv.
Sie können die folgenden Einstellungen von Zu Warenkorb hinzufügen bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken.
-
Produkt-Asset anzeigen
Standardmäßig ist dieser Wert ausgewählt. Das Produkt-Asset zeigt ein Bild des Produkts an, wie im Commerce-Modul definiert. Deaktivieren Sie das Kontrollkästchen, um das Produkt-Asset nicht anzuzeigen. -
Produktpreis anzeigen
Standardmäßig ist dieser Wert ausgewählt. Der Produktpreis zeigt den Preis des Artikels entsprechend der Definition im Commerce-Modul an. Deaktivieren Sie das Kontrollkästchen, um den Produktpreis nicht anzuzeigen. -
Produktformular anzeigen
Standardmäßig ist dieser Wert nicht ausgewählt. Das Produktformular enthält alle Produktvarianten wie Größe und Farbe. Deaktivieren Sie das Kontrollkästchen, um die Produktvarianten nicht anzuzeigen.
Komponente für Panoramamedien panoramic-media-component
Die Panoramamedienkomponente ist für die Assets bestimmt, bei denen es sich um kugelförmige Panoramabilder handelt. Solche Bilder bieten ein 360°-Betrachtungserlebnis eines Raums, einer Eigenschaft, eines Standorts oder einer Landschaft. Damit ein Bild als kugelförmiges Panorama gilt, muss es entweder eine oder beide der folgenden Eigenschaften aufweisen:
- Ein Seitenverhältnis von 2:1.
- Mit den Keywords "equirechteckig" oder ("kugelförmig" + "panorama") oder ("kugelförmig" + "panoramic") markiert. Weitere Informationen finden Sie unter Verwenden von Tags.
Sowohl das Kriterium für das Seitenverhältnis als auch das für die Keywords gelten für Panorama-Assets für die Asset-Detailseite und die WCM-Komponente für „Panoramamedien“.
Sie können die folgenden erweiterten Einstellungen bearbeiten, indem Sie in der Komponente auf Konfigurieren tippen.
- Viewer-Vorgabe
Wählen Sie einen vorhandenen Viewer aus dem Dropdown-Menü "Viewer-Vorgabe"aus.
Wenn die gesuchte Viewer-Vorgabe nicht angezeigt wird, stellen Sie sicher, dass sie veröffentlicht wurde. Sie müssen Viewer-Vorgaben veröffentlichen, bevor Sie sie verwenden können. Siehe Verwalten von Viewer-Vorgaben.
Bereitstellen von Dynamic Media-Assets mit HTTP/2 using-http-to-delivery-dynamic-media-assets
HTTP/2 ist das neue, aktualisierte Web-Protokoll, das die Kommunikation zwischen Browser und Servern verbessert. Es beschleunigt die Übertragung von Informationen und reduziert die erforderliche Prozessorleistung. Die Bereitstellung von Dynamic Media-Assets kann über HTTP/2 erfolgen, das schnellere Antwort- und Ladezeiten bietet.
Siehe Bereitstellung von Inhalt über HTTP/2, um ausführliche Informationen zu den ersten Schritten mit HTTP/2 mit Ihrem Dynamic Media-Konto zu erhalten.