Hinzufügen von Dynamic Media-Assets zu Seiten

Um die Dynamic Media-Funktion zu Assets hinzuzufügen, die Sie auf Ihren Websites verwenden, können Sie die Dynamic Media oder Interaktive Medien direkt auf der Seite. Geben Sie dazu Design und die Aktivierung der Komponenten für dynamische Medien. Anschließend können Sie der Seite diese Komponenten und der Komponente Assets hinzufügen. „Dynamische Medien“ und „Interaktive Medien“ sind intelligente Komponenten, die erkennen, ob Sie ein Bild oder ein Video hinzufügen. Die verfügbaren Optionen werden entsprechend angepasst.

Sie fügen Dynamic Media-Assets direkt zur Seite hinzu, wenn Sie AEM als WCM verwenden.

HINWEIS

Imagemaps sind für Karussellbanner umgehend verfügbar.

Hinzufügen einer Dynamic Media-Komponente zu einer Seite

Hinzufügen der Dynamic Media oder Interaktive Medien -Komponente zu einer Seite entspricht dem Hinzufügen einer Komponente zu einer beliebigen Seite. Die Dynamic Media und Interaktive Medien -Komponenten werden in den folgenden Abschnitten ausführlich beschrieben.

So fügen Sie einer Seite eine Komponente bzw. einen Viewer vom Typ „Dynamische Medien“ hinzu:

  1. Öffnen Sie in AEM die Seite, auf der Sie die Dynamic Media-Komponente hinzufügen möchten.

  2. Wenn keine Dynamic Media-Komponente verfügbar ist, klicken Sie auf das Lineal im Sidekick eingeben Design mode, click Bearbeiten parsys und wählen Sie Dynamic Media , um die Dynamic Media-Komponenten verfügbar zu machen.

    HINWEIS

    Weitere Informationen finden Sie unter Konfigurieren von Komponenten im Designmodus.

  3. Zurück zu Bearbeiten Modus durch Klicken auf das Stiftsymbol im Sidekick.

  4. Ziehen Sie die Dynamic Media oder Interaktive Medien -Komponente aus Sonstiges im Sidekick auf der Seite an der gewünschten Position.

  5. Klicken Sie auf Bearbeiten, um die Komponente zu öffnen.

  6. 🔗Bearbeiten Sie die Komponente bei Bedarf und klicken Sie auf OK, um die Änderungen zu speichern.

Komponenten vom Typ „Dynamische Medien“

Dynamic Media und Interaktive Medien finden Sie im Abschnitt Sidekick under Dynamic Media. Verwenden Sie die Komponente Interaktive Medien für beliebige interaktive Assets wie interaktive Videos, interaktive Bilder oder Karussell-Sets. Verwenden Sie für alle anderen Komponenten vom Typ „Dynamische Medien“ die Komponente Dynamische Medien.

chlimage_1-71

HINWEIS

Diese Komponenten sind standardmäßig nicht verfügbar und müssen im Designmodus ausgewählt werden, bevor sie verwendet werden können. Nachdem sie im Designmodus zur Verfügung gestellt wurden, können Sie die Komponenten wie jede andere AEM-Komponente Ihrer Seite hinzufügen.

Komponente „Dynamische Medien“

Die Dynamic Media-Komponente ist intelligent. Je nachdem, 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. Alle Viewer sind HTML5-basierte Viewer.

HINWEIS

Wenn Sie die Dynamic Media und Dynamic Media-Einstellungen leer ist oder Sie ein Asset nicht ordnungsgemäß hinzufügen können, überprüfen Sie Folgendes:

  • Sie Dynamic Media aktiviert haben. Dynamic Media ist standardmäßig deaktiviert.
  • das Bild eine Pyramid TIFF-Datei aufweist. Bilder, die vor der Aktivierung von Dynamic Media importiert wurden, verfügen nicht über eine Pyramid TIFF-Datei.

Arbeiten mit Bildern

Die Dynamic Media -Komponente können Sie dynamische Bilder hinzufügen, einschließlich Bildsets, Rotationssets und Sets für gemischte Medien. 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 dynamisch zu machen, können Sie die Haltepunkte festlegen oder eine dynamische Bildvorgabe anwenden.

chlimage_1-72

Sie können die folgenden Dynamic Media-Einstellungen bearbeiten, indem Sie auf Bearbeiten in der Komponente ein und klicken Sie dann auf Dynamic Media-Einstellungen Registerkarte.

chlimage_1-73

HINWEIS

Standardmäßig ist die Bildkomponente für Dynamic Media adaptiv. Wenn Sie eine feste Größe festlegen möchten, legen Sie sie in der Komponente im Erweitert mit dem Breite und Höhe Eigenschaften.

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. Es ist nicht möglich, eine Viewer-Vorgabe auszuwä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.

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. Es ist nicht möglich, eine Viewer-Vorgabe auszuwä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 ändern, indem Sie zusätzliche Bildbefehle bereitstellen. Diese werden unter Verwalten von Bildvorgaben und Befehlsreferenz.

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 Seitenhaltepunkte hinzufügen. Bildhaltepunkte müssen durch Kommas (,) voneinander 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 Folgendes bearbeiten: Erweiterte Einstellungen durch Klicken auf Bearbeiten in der Komponente.

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 in festlegen, um einen Link zu öffnen. Legen Sie die URL und Öffnen in um anzugeben, ob das Fenster im selben oder in 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

Verwenden Sie die Dynamic Media -Komponente, um Ihren Webseiten 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.

chlimage_1-74

Sie können Folgendes bearbeiten: Dynamic Media-Einstellungen durch Klicken auf Bearbeiten in der Komponente.

HINWEIS

Die Videokomponente für Dynamic Media ist standardmäßig adaptiv. Wenn sie eine feste Größe aufweisen soll, müssen Sie dies in der Komponente auf der Registerkarte Erweitert mit Breite und Höhe festlegen.

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.

Sie können Folgendes bearbeiten: Erweitert Einstellungen durch Klicken auf Bearbeiten in der Komponente.

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.

Sichere Videowiedergabe

Wenn Sie in AEM 6.2 FP-13480 installieren, können Sie festlegen, ob ein Video über eine sichere SSL-Verbindung (HTTPS) oder eine unsichere Verbindung (HTTP) wiedergegeben wird. Standardmäßig wird automatisch das Videowiedergabeprotokoll der Webseite übernommen, in die das Video eingebettet wird. Wenn die Webseite über HTTPS geladen wird, wird das Video ebenfalls über HTTPS wiedergegeben. Umgekehrt wird das Video über HTTP wiedergegeben, wenn die Webseite HTTP verwendet. In den meisten Fällen ist dieses Verhalten korrekt und es müssen keine Konfigurationsänderungen vorgenommen werden. Sie können dieses Standardverhalten jedoch außer Kraft setzen, indem Sie VideoPlayer.ssl=on am Ende des URL-Pfades oder zur Liste weiterer Viewer-Konfigurationsparameter in einem Embed-Code-Snippet hinzufügen, um eine sichere Videowiedergabe zu erzwingen.

Weitere Informationen zur sicheren Videowiedergabe sowie zur Verwendung des Konfigurationsattributs VideoPlayer.ssl in Ihrem URL-Pfad finden Sie im Referenzhandbuch zu den Viewern unter Sichere Videowiedergabe. Neben dem Video-Viewer ist die sichere Videobereitstellung für den Viewer für gemischte Medien und den Viewer für interaktive Videos verfügbar.

Komponente für interaktive Medien

Die Komponente „Interaktive Medien“ ist für Assets mit interaktiven Elementen wie Hotspots oder Imagemaps vorgesehen. Verwenden Sie bei interaktiven Bildern, interaktiven Videos oder Karussellbannern die Komponente Interaktive Medien.

Die Interaktive Medien -Komponente intelligent ist - je nachdem, ob Sie ein Bild oder ein Video hinzufügen, haben Sie verschiedene Optionen. Darüber hinaus ist der Viewer responsiv. Das heißt, die Größe des Bildschirms ändert sich automatisch entsprechend der Bildschirmgröße. Alle Viewer sind HTML5-basierte Viewer.

chlimage_1-75

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, 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 gibt den Preis des Artikels an, wie im Commerce-Modul definiert. Deaktivieren Sie das Kontrollkästchen, um den Produktpreis nicht anzuzeigen.

Produktformular anzeigen - Standardmäßig ist dieser Wert nicht ausgewählt. Das Produktformular beinhaltet jegliche Produktvarianten, etwa hinsichtlich der Größe und der Farbe. Deaktivieren Sie das Kontrollkästchen, um die Produktvarianten nicht anzuzeigen.

Auf dieser Seite