Hinzufügen von Dynamic Media-Assets zu Seiten

Um die Dynamic Media-Funktionalität zu Assets hinzuzufügen, die Sie auf Ihren Websites verwenden, können Sie die Komponenten Dynamic Media oder Interaktive Medien direkt auf der Seite hinzufügen. Dazu geben Sie den Modus Design ein und aktivieren die dynamischen Medienkomponenten. 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 können dynamische Medienelemente direkt zur Seite hinzufügen, wenn Sie AEM als WCM verwenden.

HINWEIS

Imagemaps sind für Karussellbanner umgehend verfügbar.

Hinzufügen einer Dynamic Media-Komponente zu einer Seite

Das Hinzufügen der Komponente Dynamic Media oder Interaktive Medien zu einer Seite entspricht dem Hinzufügen einer Komponente zu einer beliebigen Seite. Die Komponenten Dynamic Media und Interaktive Medien 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 Modus Sidekick, um Design aufzurufen, klicken Sie auf Bearbeiten-Parsys und wählen Sie Dynamic Media aus, um die Dynamic Media-Komponenten verfügbar zu machen.

    HINWEIS

    Weitere Informationen finden Sie unter Konfigurieren von Komponenten im Designmodus.

  3. Kehren Sie zum Modus Bearbeiten zurück, indem Sie auf das Stiftsymbol in Sidekick klicken.

  4. Ziehen Sie die Komponente Dynamic Media oder Interaktive Medien aus der Gruppe Andere im Sidekick auf die 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 Interactive Media sind im Sidekickunder Dynamic Media verfügbar. 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 ein Video hinzufügen, stehen Ihnen verschiedene Optionen zur Verfügung. Die Komponente unterstützt Bildvorgaben, bildbasierte Viewer wie Bildsets sowie Rotationssets, Sets für gemischte Medien und Videos. Darüber hinaus reagiert der Viewer. Das heißt, die Bildschirmgröße ändert sich automatisch je nach Bildschirmgröße. Alle Viewer sind HTML5-basierte Viewer.

HINWEIS

Wenn Sie die Komponente Dynamic Media hinzufügen und Dynamic Media Settings 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

Mit der Komponente Dynamic Media können Sie dynamische Bilder, einschließlich Bildsätze, Rotationssets und gemischte Mediensets, 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 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 in der Komponente auf Bearbeiten klicken und dann auf die Registerkarte Dynamic Media-Einstellungen klicken.

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 auf der Registerkarte Erweitert mit den Eigenschaften Breite und Höhe fest.

Viewer-Vorgabe : Wählen Sie im Dropdown-Menü eine vorhandene Viewer-Vorgabe 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ü. 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.

Bildmodifikatoren : Sie können Bildeffekte ändern, indem Sie zusätzliche Bildbefehle bereitstellen. Diese werden unter Verwalten von Bildvorgaben und Befehlsreferenz 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 Seitenumbruchpunkte 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 die folgenden Erweiterte Einstellungen bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken.

Titel - Ändern Sie den Titel des Bildes.

Alt-Text : Hinzufügen einen Titel für die Benutzer, die Grafiken deaktiviert haben.

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 vom zum Öffnen eines Links festlegen. Legen Sie die Optionen URL und In öffnen fest, um anzugeben, ob die Datei im selben Fenster 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 den Wert in Pixel ein, wenn das Bild eine feste Größe haben soll. Wenn die Werte leer gelassen werden, ist das Asset adaptiv.

Beim Arbeiten mit Video

Verwenden Sie die Komponente Dynamic Media, 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 die folgenden Dynamic Media-Einstellungen bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken.

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 im Dropdown-Menü eine vorhandene Video-Viewer-Vorgabe 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 die folgenden Erweitert Einstellungen bearbeiten, indem Sie in der Komponente auf Bearbeiten klicken.

Titel - Ändern Sie den Titel des Videos.

Breite und Höhe : Geben Sie den Wert in Pixel ein, wenn das Video eine feste Größe haben 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. Abgesehen vom Video-Viewer ist sicherer Video-Versand 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 Komponente Interaktive Medien ist intelligent - je nachdem, ob Sie ein Bild oder ein Video hinzufügen, haben Sie verschiedene Optionen. Darüber hinaus reagiert der Viewer. Das heißt, die Bildschirmgröße ändert sich automatisch je nach 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 im Dropdown-Menü eine vorhandene Viewer-Vorgabe 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 den Wert in Pixel ein, wenn das Video eine feste Größe haben 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.

Produktelement 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: Dieser Wert ist standardmäßig 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