Hinzufügen von Dynamic Media Classic-Komponenten zu Seiten

Adobe Dynamic Media Classic ist eine gehostete Lösung für die Verwaltung, Erweiterung, Veröffentlichung und Bereitstellung von Rich-Media-Assets für Web-, Mobile-, E-Mail- und Internet-verbundene Anzeigen und Drucken.

Sie können AEM Assets anzeigen, die in Dynamic Media Classic in verschiedenen Viewern veröffentlicht wurden:

  • Zoom
  • Flyout
  • Video
  • Bildvorlage
  • Bild

Sie können digitale Assets direkt aus AEM in Dynamic Media Classic veröffentlichen und digitale Assets aus Dynamic Media Classic in AEM veröffentlichen.

In diesem Dokument wird beschrieben, wie Sie digitale Assets von AEM in Dynamic Media Classic veröffentlichen und umgekehrt. Die Viewer werden auch detailliert beschrieben. Informationen zum Konfigurieren von AEM für Dynamic Media Classic finden Sie unter Integrieren von Dynamic Media Classic mit AEM.

Siehe auch Hinzufügen von Imagemaps.

Weitere Informationen über die Arbeit mit Videokomponenten mit AEM finden Sie unter Video.

HINWEIS

Wenn Dynamic Media Classic-Assets nicht ordnungsgemäß angezeigt werden, stellen Sie sicher, dass Dynamic Media disabled und aktualisieren Sie dann die Seite.

Manuelles Veröffentlichen von Assets in Dynamic Media Classic

Sie können digitale Assets wie folgt in Dynamic Media Classic veröffentlichen:

HINWEIS

AEM veröffentlicht asynchron in Dynamic Media Classic. Nachdem Sie auf Veröffentlichen kann es mehrere Sekunden dauern, bis Ihr Asset in Dynamic Media Classic veröffentlicht wird.

Dynamic Media Classic-Komponenten

Die folgenden Dynamic Media Classic-Komponenten sind in AEM verfügbar:

  • Zoom
  • Flyout (Zoom)
  • Bildvorlage
  • Bild
  • Video
HINWEIS

Diese Komponenten sind standardmäßig nicht verfügbar und müssen in Design -Modus vor der Verwendung.

Nachdem sie verfügbar gemacht wurden in Design -Modus können Sie die Komponenten wie jede andere AEM Ihrer Seite hinzufügen. Assets, die noch nicht in Dynamic Media Classic veröffentlicht wurden, werden in Dynamic Media Classic veröffentlicht, wenn sie sich in einem synchronisierten Ordner, auf einer Seite oder mit einer Dynamic Media Classic-Cloud-Konfiguration befinden.

HINWEIS

Wenn Sie benutzerdefinierte Viewer erstellen und entwickeln und den Content Finder verwenden, müssen Sie explizit die allowfullscreen Parameter.

Hinweis zum End of Life von Flash-Viewern

Mit Wirkung vom 31. Januar 2017 hat Adobe Dynamic Media Classic die Unterstützung für die Flash-Viewer-Plattform eingestellt.

Hinzufügen einer Dynamic Media Classic-Komponente (Scene7) zu einer Seite

Das Hinzufügen einer Dynamic Media Classic (Scene7)-Komponente zu einer Seite entspricht dem Hinzufügen einer Komponente zu einer beliebigen Seite. Dynamic Media Classic-Komponenten werden in den folgenden Abschnitten ausführlich beschrieben.

So fügen Sie einer Seite eine Dynamic Media Classic (Scene7)-Komponente hinzu:

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

  2. Wenn keine Dynamic Media Classic-Komponenten verfügbar sind, klicken Sie auf Design -Modus tippen Sie auf eine beliebige Komponente mit einem blauen Rahmen und tippen Sie auf die Übergeordnet und dann die Konfiguration Symbol. In Parsys (Design), wählen Sie alle Dynamic Media Classic-Komponenten aus, um sie verfügbar zu machen, und klicken Sie auf OK.

    chlimage_1-224

  3. Klicken Bearbeiten zurück zu Bearbeiten -Modus.

  4. Ziehen Sie eine Komponente aus der Dynamic Media Classic-Gruppe im Sidekick auf die Seite an der gewünschten Position.

  5. Klicken Sie auf Konfiguration -Symbol, um die Komponente zu öffnen.

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

  7. Ziehen Sie das Bild oder Video aus dem Inhaltsbrowser auf die Dynamic Media Classic-Komponente, die Sie der Seite hinzugefügt haben.

    HINWEIS

    Nur in der Touch-Benutzeroberfläche müssen Sie das Bild oder Video auf die Dynamic Media Classic-Komponente ziehen, die Sie auf der Seite platziert haben. Die Auswahl und Bearbeitung der Dynamic Media Classic-Komponente und die anschließende Auswahl des Assets werden nicht unterstützt.

Hinzufügen interaktiver Anzeigeerlebnisse zu einer responsiven Site

Dynamisches Design für Ihre Assets bedeutet, dass Ihre Assets in Abhängigkeit ihrer Anzeigeposition angepasst werden. Mithilfe des dynamischen Designs können dieselben Assets auf mehreren Geräten effektiv dargestellt werden.

Informationen hierzu finden Sie auch unter Dynamisches Design für Webseiten.

So fügen Sie einer responsiven Site ein interaktives Anzeigeerlebnis hinzu:

  1. Melden Sie sich bei AEM an und stellen Sie sicher, dass Sie konfigurierte Adobe Dynamic Media Classic Cloud Services und dass Dynamic Media Classic-Komponenten verfügbar sind.

    HINWEIS

    Wenn keine Dynamic Media Classic-Komponenten verfügbar sind, stellen Sie sicher, dass , um sie im Designmodus zu aktivieren.

  2. Auf einer Website mit Dynamic Media Classic Komponenten aktiviert, ziehen und Bild -Komponente auf der Seite.

  3. Wählen Sie die Komponente aus und tippen Sie auf das Konfigurationssymbol.

  4. Im Dynamic Media Classic-Einstellungen -Registerkarte, passen Sie die Haltepunkte an.

    chlimage_1-225

  5. Bestätigen Sie, dass die Größe der Viewer dynamisch geändert wird und dass alle Interaktionen für Desktopcomputer, Tablets und Mobilgeräte optimiert sind.

Für alle Dynamic Media Classic-Komponenten gemeinsame Einstellungen

Obwohl die Konfigurationsoptionen variieren, gelten für alle Dynamic Media Classic Komponenten:

  • Dateiverweis
    Navigieren Sie zu einer Datei, auf die Sie verweisen möchten. Der Dateiverweis zeigt die Asset-URL und nicht notwendigerweise die vollständige Dynamic Media Classic-URL, einschließlich der URL-Befehle und -Parameter. Sie können in diesem Feld keine Dynamic Media Classic-URL-Befehle und -Parameter hinzufügen. Sie müssen über die entsprechende Funktionalität in der Komponente hinzugefügt werden.
  • Breite
    Hier können Sie die Breite festlegen.
  • Höhe
    Hier können Sie die Höhe festlegen.

Sie legen diese Konfigurationsoptionen fest, indem Sie eine Dynamic Media Classic-Komponente öffnen (durch Doppelklicken), z. B. wenn Sie eine Zoom component:

chlimage_1-226

Zoom

Die Zoom-Komponente HTML5 zeigt ein größeres Bild an, wenn Sie die + Schaltfläche.

Das Asset verfügt unten über Zoomwerkzeuge. Tippen + vergrößern. Tippen - reduzieren. Tippen Sie auf x oder der Pfeil zum Zurücksetzen des Zooms bringt das Bild wieder in die Originalgröße zurück, als es importiert wurde. Tippen Sie auf die diagonalen Pfeile, um den Vollbildmodus zu aktivieren. Tippen Bearbeiten , um die Komponente zu konfigurieren. Mit dieser Komponente können Sie für alle Dynamic Media Classic Komponenten.

chlimage_1-227

Flyout

In der HTML 5 Flyout -Komponente verwenden, wird das Asset als Splitscreen angezeigt. das Asset in der angegebenen Größe belassen; rechts wird der Zoombereich angezeigt. Tippen Bearbeiten , um die Komponente zu konfigurieren. Mit dieser Komponente können Sie Einstellungen, die für alle Dynamic Media Classic-Komponenten gelten.

HINWEIS

Wenn Flyout -Komponente eine benutzerdefinierte Größe verwendet, wird diese benutzerdefinierte Größe verwendet und die responsive Einrichtung der Komponente ist deaktiviert.

Wenn Flyout -Komponente verwendet die Standardgröße, wie im Abschnitt Designansicht festgelegt ist, wird die Standardgröße verwendet und die Komponente erstreckt sich, um die Seitenlayoutgröße mit der responsiven Einrichtung der Komponente anzupassen. Beachten Sie jedoch, dass die responsive Einrichtung der Komponente eingeschränkt ist. Wenn Sie die Flyout -Komponente mit responsiven Einstellungen verwenden, sollten Sie sie nicht mit vollständiger Seitendehnung verwenden. Andernfalls wird die Flyout kann sich über den rechten Rand der Seite hinaus erstrecken.

chlimage_1-228

Bild

Die Dynamic Media Classic Bild Mit dieser Komponente können Sie Bildern Dynamic Media Classic-Funktionen hinzufügen, z. B. Dynamic Media Classic-Modifikatoren, Bild- oder Viewer-Vorgaben und Scharfzeichnen. Die Dynamic Media Classic Bild -Komponente ähnelt anderen Bildkomponenten in AEM mit speziellen Dynamic Media Classic-Funktionen. In diesem Beispiel enthält das Bild den Dynamic Media Classic URL-Modifikator, &op_invert=1 angewendet.

chlimage_1-229

  • Titel, Alternativtext
    Im Erweitert hinzufügen, fügen Sie einen Titel zum Bild und alternativen Text für die Benutzer hinzu, deren Grafiken deaktiviert sind.

  • URL, Öffnen in
    Sie können ein Asset in festlegen, um einen Link zu öffnen. Legen Sie die URL fest. Geben Sie in Öffnen in an, ob der Link im selben oder einem neuen Fenster geöffnet werden soll.

chlimage_1-230

  • 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.

  • Dynamic Media Classic-Konfiguration
    Wählen Sie die Dynamic Media Classic-Konfiguration aus, die Sie verwenden möchten, um aktive Bildvorgaben aus SPS abzurufen.

  • 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.

  • Ausgabeformat
    Wählen Sie das Ausgabeformat des Bildes aus, z. B. jpeg. In Abhängigkeit des von Ihnen ausgewählten Ausgabeformats stehen Ihnen möglicherweise zusätzliche Konfigurationsoptionen zur Verfügung. Siehe Best Practices für Bildvorgaben.

  • Scharfzeichnen
    Wählen Sie aus, wie das Bild scharfgezeichnet werden soll. Das Scharfzeichnen wird unter Best Practices für Bildvorgaben und in den Best Practices für das Scharfzeichnen detailliert beschrieben.

  • URL-Modifikatoren
    Sie können Bildeffekte ändern, indem Sie zusätzliche Dynamic Media Classic-Bildbefehle bereitstellen. Diese werden unter Bildvorgaben und in der Befehlsreferenz beschrieben.

  • Haltepunkte
    Wenn Ihre Website dynamisch ist, möchten Sie die Haltepunkte anpassen. Haltepunkte müssen durch Kommas (,) voneinander getrennt werden.

Bildvorlage

Dynamic Media Classic-Bildvorlagen sind mehrschichtige Photoshop-Inhalte, die in Dynamic Media Classic importiert wurden, wo Inhalt und Eigenschaften für Variabilität parametrisiert wurden. Mit der Komponente Bildvorlage können Sie Bilder importieren und den Text in AEM dynamisch ändern. Zusätzlich können Sie die Komponente Bildvorlage dahingehend konfigurieren, dass sie Werte aus dem Clientkontext übernimmt, damit das Bild jedem Benutzer personalisiert angezeigt wird.

Tippen Bearbeiten , um die Komponente zu konfigurieren. Sie können Einstellungen, die für alle Dynamic Media Classic-Komponenten gelten sowie anderen in diesem Abschnitt beschriebenen Einstellungen.

chlimage_1-231

  • Dateiverweis, Breite, Höhe
    Siehe für alle Dynamic Media Classic-Komponenten gemeinsame Einstellungen .

    HINWEIS

    Dynamic Media Classic-URL-Befehle und -Parameter können der Dateiverweis-URL nicht direkt hinzugefügt werden. Sie können nur auf der Komponenten-Benutzeroberfläche im Bedienfeld Parameter definiert werden.

  • Titel, Alternativtext
    Fügen Sie auf der Registerkarte Dynamic Media Classic-Bildvorlage einen Titel zum Bild und Alternativtext für die Benutzer hinzu, deren Grafiken deaktiviert sind.

  • URL, Öffnen in
    Sie können ein Asset in festlegen, um einen Link zu öffnen. Legen Sie die URL fest. Geben Sie in „Öffnen in“ an, ob der Link im selben oder einem neuen Fenster geöffnet werden soll.

chlimage_1-232

  • Parameterbereich
    Beim Importieren eines Bildes werden die Parameter vorab mit Informationen aus dem Bild gefüllt. Wenn kein Inhalt vorhanden ist, der dynamisch geändert werden kann, ist dieses Fenster leer.

chlimage_1-233

Dynamisches Ändern von Text

Geben Sie zum dynamischen Ändern des Texts neuen Text in die Felder ein und klicken Sie auf OK. In diesem Beispiel lautet der Preis 50 $ und der Versand kostet 0,99 $.

chlimage_1-234

Der Text im Bild ändert sich. Sie können den Text wieder auf den ursprünglichen Wert zurücksetzen, indem Sie auf Zurücksetzen neben dem Feld.

chlimage_1-235

Ändern von Text zum Berücksichtigen des Werts eines Clientkontextwerts

Um ein Feld mit einem Client-Kontextwert zu verknüpfen, tippen Sie auf Auswählen zum Öffnen des Kontextmenüs des Clients wählen Sie den Client-Kontext aus und tippen Sie auf OK. In diesem Beispiel ändert sich der Name auf Grundlage der Verknüpfung des Namens mit dem formatierten Namen im Profil.

chlimage_1-236

Der Text berücksichtigt den Namen des aktuell angemeldeten Benutzers. Sie können den Text auf den ursprünglichen Wert zurücksetzen, indem Sie neben dem Feld auf Zurücksetzen klicken.

chlimage_1-237

  1. Auf der Seite mit der Dynamic Media Classic Bildvorlage Komponente, tippen Bearbeiten.

  2. Im URL Geben Sie die URL ein, zu der Benutzer navigieren, wenn auf das Bild getippt wird. Wählen Sie im Feld Öffnen in aus, ob das Ziel (in einem neuen oder im selben Fenster) geöffnet werden soll.

    chlimage_1-238

  3. Tippen Sie auf OK.

Komponente „Video“

Die Dynamic Media Classic Video -Komponente (verfügbar im Abschnitt "Dynamic Media Classic"des Sidekicks) verwendet die Geräte- und Bandbreitenerkennung, um jedem Bildschirm das richtige Video bereitzustellen. Bei dieser Komponente handelt es sich um einen HTML5-Video-Player. Es ist ein einzelner Viewer, der kanalübergreifend verwendet werden kann.

Er kann für adaptive Videosets, ein einzelnes MP4-Video oder ein einzelnes F4V-Video verwendet werden.

Siehe Video Weitere Informationen zur Verwendung von Videos mit der Dynamic Media Classic-Integration. Weitere Informationen finden Sie unter die Dynamic Media Classic-Videokomponente im Vergleich zur Foundation-Videokomponente.

chlimage_1-239

Bekannte Einschränkungen für die Videokomponente

Adobe DAM und WCM zeigen, ob ein Mastervideo hochgeladen wurde. Sie zeigen diese Proxy-Assets nicht an:

  • Dynamic Media Classic-kodierte Ausgabeformate
  • Adaptive Dynamic Media Classic-Videosets

Wenn Sie ein adaptives Videoset mit der Dynamic Media Classic-Videokomponente verwenden, müssen Sie die Größe der Komponente ändern, um die Abmessungen des Videos anzupassen.

Dynamic Media Classic-Inhaltsbrowser

Mit dem Dynamic Media Classic-Inhaltsbrowser können Sie Inhalte aus Dynamic Media Classic direkt in AEM anzeigen. Um auf den Inhaltsbrowser zuzugreifen, müssen Sie im Content Finder auswählen Dynamic Media Classic in der Touch-optimierten Benutzeroberfläche oder der S7 in der klassischen Benutzeroberfläche angezeigt. Die Funktionalität ist zwischen den beiden Benutzeroberflächen identisch.

Wenn Sie über mehrere Konfigurationen verfügen, zeigt AEM standardmäßig die Standardkonfiguration an. Sie können verschiedene Konfigurationen direkt im Dynamic Media Classic-Inhaltsbrowser im Dropdown-Menü auswählen.

HINWEIS
  • Im Ad-hoc-Ordner befindliche Assets werden nicht im Dynamic Media Classic-Inhaltsbrowser angezeigt.
  • Wann Sichere Vorschau aktiviert, werden in Dynamic Media Classic veröffentlichte und nicht veröffentlichte Assets im Dynamic Media Classic-Inhaltsbrowser angezeigt.
  • Wenn Sie Dynamic Media Classic oder S7 -Symbol als Option im Inhaltsbrowser verwenden, müssen Sie Dynamic Media Classic für die Verwendung mit AEM konfigurieren.
  • Für Videos unterstützt der Dynamic Media Classic-Inhaltsbrowser:
    • Adaptive Videosets: Container von allen für die bildschirmübergreifende optimierte Wiedergabe erforderlichen Videoausgabeformaten
    • Einzelnes MP4-Video
    • Einzelnes F4V-Video

Durchsuchen von Inhalten in der Touch-optimierten Benutzeroberfläche

Sie können über die Touch-optimierte oder klassische Benutzeroberfläche auf den Inhaltsbrowser zugreifen. Zurzeit weist die Touch-optimierte Benutzeroberfläche die folgende Begrenzung auf:

  • FXG- und Flash-Assets aus Dynamic Media Classic werden nicht unterstützt.

Durchsuchen von Dynamic Media Classic-Assets durch Auswählen Dynamic Media Classic aus dem dritten Dropdown-Menü. Dynamic Media Classic wird nicht in der Liste angezeigt, wenn Sie die Dynamic Media Classic/AEM-Integration nicht konfiguriert haben.

HINWEIS
  • Der Dynamic Media Classic-Inhaltsbrowser lädt etwa 100 Assets und sortiert sie nach Namen.
  • Wenn Sie einen sicheren Vorschauserver festgelegt haben, verwendet der Browser diesen Vorschauserver zum Darstellen von Miniaturansichten und Assets.

chlimage_1-240

Zusätzlich können Sie Informationen über Auflösung, Größe, Tage seit der Änderung und Dateiname erhalten, indem Sie den Mauszeiger über das Asset im Browser halten.

chlimage_1-241

  • Bei adaptiven Videosets und -vorlagen werden für Miniaturansichten keine Größeninformationen generiert.
  • Bei adaptiven Videosets wird für Miniaturansichten keine Auflösung generiert.

Suchen nach Dynamic Media Classic-Assets mit dem Inhaltsbrowser

Die Suche nach Dynamic Media Classic-Assets verläuft ähnlich wie die Suche nach AEM Assets. Bei der Suche wird Ihnen jedoch im Dynamic Media Classic-System eine Remote-Ansicht der Assets angezeigt, anstatt sie direkt in AEM zu importieren.

Sie können die klassische oder Touch-optimierte Benutzeroberfläche verwenden, um Assets anzuzeigen und nach ihnen zu suchen. In Abhängigkeit von der Oberfläche unterscheidet sich die Art und Weise der Suche etwas.

Wenn Sie auf einer der Benutzeroberflächen suchen, können Sie nach den folgenden Kriterien filtern (wird hier in der Touch-optimierten Benutzeroberfläche gezeigt):

  • Suchbegriffe eingeben
    Sie können Assets nach Namen suchen. Bei der Suche entsprechen die von Ihnen eingegebenen Keywords dem Beginn des Dateinamens. Zum Beispiel führt die Eingabe des Worts „schwimmen“ dazu, dass nach Asset-Dateinamen gesucht wird, die mit diesen Buchstaben in dieser Reihenfolge beginnen. Tippen Sie unbedingt auf Eingabe , nachdem Sie den Begriff eingegeben haben, um das Asset zu finden.

chlimage_1-242

  • Ordner/Pfad
    Der Name des angezeigten Ordners hängt von der ausgewählten Konfiguration ab. Sie können einen Drilldown zu niedrigeren Ebenen durchführen, indem Sie auf das Ordnersymbol tippen, einen Unterordner auswählen und dann auf das Häkchen tippen, um ihn auszuwählen.

Wenn Sie ein Keyword eingeben und einen Ordner auswählen, durchsucht AEM diesen Ordner und die zugehörigen Unterordner. Wenn Sie jedoch bei der Suche keine Keywords eingeben, wird durch die Auswahl des Ordners das Asset nur in diesem Ordner angezeigt und nicht in Unterordnern.

Standardmäßig durchsucht AEM den ausgewählten Ordner und alle Unterordner.

chlimage_1-243

  • Asset-Typ
    Auswählen Dynamic Media Classic , um Dynamic Media Classic-Inhalte zu durchsuchen. Diese Option ist nur verfügbar, wenn Dynamic Media Classic konfiguriert wurde.

chlimage_1-244

  • Konfiguration
    Wenn mehrere Dynamic Media Classic-Konfigurationen in definiert sind: Cloud Serviceskönnen Sie sie hier auswählen. Der Ordner ändert sich anhand der von Ihnen ausgewählten Konfiguration.

chlimage_1-245

  • Asset-Typ
    Im Dynamic Media Classic-Browser können Sie Ergebnisse filtern, um Folgendes einzuschließen: Bilder, Vorlagen, Videos und adaptive Videosets. Wenn Sie keinen Asset-Typ auswählen, durchsucht AEM standardmäßig alle Asset-Typen.

chlimage_1-246

HINWEIS
  • Auf der klassischen Benutzeroberfläche können Sie auch nach Flash und FXG suchen. Das Filtern nach diesen auf der Touch-optimierten Benutzeroberfläche wird derzeit nicht unterstützt.

  • Beim Durchsuchen eines Videos suchen Sie nach einem einzelnen Ausgabeformat. Die Ergebnisse geben die ursprüngliche Ausgabedarstellung (nur *.mp4) und die kodierte Ausgabedarstellung zurück.

  • Bei der Suche nach einem adaptiven Videoset durchsuchen Sie den Ordner und alle Unterordner, jedoch nur, wenn Sie der Suche ein Keyword hinzugefügt haben. Wenn Sie kein Keyword hinzugefügt haben, durchsucht AEM nicht die Unterordner.

  • Veröffentlichungsstatus
    Sie können nach Assets basierend auf dem Veröffentlichungsstatus filtern: Veröffentlichung rückgängig gemacht oder Veröffentlicht. Wenn Sie keine Veröffentlichungsstatus AEM durchsucht standardmäßig alle Veröffentlichungsstatus.

chlimage_1-247

Auf dieser Seite