Show Menu
THEMEN×

Adding Dynamic Media assets to pages

To add the Dynamic Media functionality to assets you use on your websites, you can add the Dynamic Media or Interactive Media component directly on the page. You do this by entering Design mode and enabling the dynamic media components. Sie können diese Komponenten zu der Seite und Assets zur jeweiligen Komponente 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.
Imagemaps sind für Karussellbanner umgehend verfügbar.

Hinzufügen einer Dynamic Media-Komponente zu einer Seite

Adding the Dynamic Media or Interactive Media component to a page is the same as adding a component to any page. The Dynamic Media and Interactive Media components are described in detail in the following sections.
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 Komponente „Dynamische Medien“ hinzufügen möchten.
  2. If no Dynamic Media component is available, click the ruler in the Sidekick to enter Design mode, click Edit parsys, and select Dynamic Media to make the Dynamic Media components available.
    Weitere Informationen finden Sie unter Konfigurieren von Komponenten im Designmodus .
  3. Return to Edit mode by clicking the pencil icon in the Sidekick.
  4. Drag the Dynamic Media or Interactive Media component from the Other group in the sidekick onto the page in the desired location.
  5. Klicken Sie auf Bearbeiten , um die Komponente zu öffnen.
  6. Komponente „Dynamische Medien“ Bearbeiten Sie die Komponente bei Bedarf und klicken Sie auf OK , um die Änderungen zu speichern.

Komponenten vom Typ „Dynamische Medien“

Dynamische Medien und interaktive Medien sind im Sidekick unter Dynamische Medien 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 .
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 Komponente für dynamische Medien 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, gemischte Mediensets 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.
When you add the Dynamic Media component, and Dynamic Media Settings is blank or you cannot add an asset properly, check the following:
  • Sie Dynamic Media aktiviert haben. Dynamic Media ist standardmäßig deaktiviert.
  • das Bild eine Pyramid TIFF-Datei aufweist. Bilder, die vor der Aktivierung von dynamischen Medien importiert wurden, verfügen nicht über eine Pyramid TIFF-Datei.

Arbeiten mit Bildern

The Dynamic Media component lets you add dynamic images, including image sets, spin sets, and mixed media sets. 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.
You can edit the following Dynamic Media settings by clicking Edit in the component and then clicking the Dynamic Media Settings tab.
Die Bildkomponente für dynamische Medien ist standardmäßig adaptiv. If you want to make it a fixed size, set it in the component in the Advanced tab with the Width and Height properties.
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. These are described in Managing Image Presets and the Command reference .
Diese Option ist beim Anzeigen von Bildsets, Rotationssets oder Sets für gemischte Medien nicht verfügbar.
Haltepunkte : Wenn Sie dieses Asset auf einer responsive 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.
You can edit the following Advanced Settings by clicking Edit in the component.
Titel : Ändern Sie den Titel des Bilds.
Alt-Text - Fügen Sie dem Bild einen Titel für Benutzer hinzu, 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. Set the URL and Open in to indicate whether you want it to open in the same window or a new window.
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.

When working with video

Use the Dynamic Media component to add dynamic video to your web pages. Beim Bearbeiten der Komponente können Sie eine vordefinierte Video-Viewer-Vorgabe für das Wiedergeben des Videos auf der Seite verwenden.
You can edit the following Dynamic Media Settings by clicking Edit in the component.
Die „Videokomponente für dynamische Medien“ ist standardmäßig adaptiv. If you want to make it a fixed size, set it in the component with the Width and Height in the Advanced tab.
Viewer-Vorgabe : Wählen Sie eine vorhandene Video-Viewer-Vorgabe aus dem Dropdown-Menü. Wenn die gewünschte Viewer-Vorgabe nicht sichtbar ist, müssen Sie sie möglicherweise sichtbar machen. Siehe Verwalten von Viewer-Vorgaben .
You can edit the following Advanced settings by clicking Edit in the component.
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 . Neben dem Video-Viewer stehen für den Viewer für gemischte Medien und den interaktiven Video-Viewer eine sichere Videowiedergabe zur Verfügung.

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 .
The Interactive Media component is smart – depending on whether you add an image or a video, you have various options. 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.
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.
You can edit the following [Add To Cart settings by clicking Edit in the component.
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: 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.