將 Dynamic Media 資產新增至頁面

若要將Dynamic Media功能新增至您在網站上使用的資產，您可以直接在頁面上新增Dynamic Media或Interactive Media元件。要執行此操作，請進入Design模式並啟用動態媒體元件。然後，您可以將這些元件新增至頁面，並新增資產至元件。動態媒體和互動式媒體元件是智慧型的，他們知道您是新增影像還是視訊，而可用的選項會隨之變更。

如果您使用AEM做為WCM，請直接將動態媒體資產新增至頁面。

注意

影像地圖可立即用於輪播橫幅。

將Dynamic Media元件新增至頁面

將Dynamic Media或互動式媒體元件新增至頁面，與將元件新增至任何頁面相同。以下各節詳細說明Dynamic Media和互動式媒體元件。

若要將Dynamic Media元件/檢視器新增至頁面：

在AEM中，開啟您要新增Dynamic Media元件的頁面。
如果沒有Dynamic Media元件可用，請按一下Sidekick中的尺標以進入Design模式，按一下Edit parsys，然後選取Dynamic Media以使Dynamic Media元件可用。

注意

如需詳細資訊，請參閱在設計模式中設定元件。
按一下Sidekick中的鉛筆圖示，返回Edit模式。
將Dynamic Media或互動式媒體元件從sidekick中的其他群組拖曳至所需位置的頁面。
按一下「編輯」以開啟元件。
視需要編輯元件，然後按一下「確定」以儲存變更。

Dynamic Media元件

Sidekick底下的 Dynamic Media和Interactive Media可 用Dynamic Media。您可以對任何互動式資產（例如互動式視訊、互動式影像或轉盤集）使用互動式媒體元件。對於所有其他動態媒體元件，請使用Dynamic Media元件。

chlimage_1-71

注意

預設情況下，這些元件不可用，在使用之前需要在「設計」模式中選取這些元件。在「設計」模式中使用元件後，您就可以像新增任何其他AEM元件一樣，將元件新增至頁面。

Dynamic Media元件

Dynamic Media元件是智慧型的，視您新增影像或影片而定，您有各種選項。元件支援影像預設集、以影像為基礎的檢視器，例如影像集、回轉集、混合媒體集和視訊。此外，檢視器回應速度快。也就是說，螢幕的大小會根據螢幕大小自動變更。所有檢視器都是以HTML5為基礎的檢視器。

注意

新增Dynamic Media元件且Dynamic Media設定空白或無法正確新增資產時，請檢查下列項目：

您已啟用Dynamic Media。 Dynamic Media預設為停用。
影像具有金字塔Tiff檔案。在啟用動態媒體之前匯入的影像沒有金字塔Tiff檔案。

使用影像時

Dynamic Media元件可讓您新增動態影像，包括影像集、回轉集和混合媒體集。您可以放大、縮小，如果適用，可以在回轉集內開啟影像，或從另一類型的集合中選取影像。

您也可以直接在元件中設定檢視器預設集、影像預設集或影像格式。若要讓影像具有回應性，您可以設定分界點或套用回應式影像預設集。

chlimage_1-72

您可以按一下元件中的Edit，然後按一下Dynamic Media設定標籤，以編輯下列Dynamic Media設定。

chlimage_1-73

注意

依預設，動態媒體影像元件是可調式的。如果要將其設定為固定大小，請在Advanced頁簽的元件中，使用Width和Height屬性進行設定。

檢視器預設集 — 從下拉式選單中選取現有的檢視器預設集。如果您要尋找的檢視器預設集未顯示，您可能需要將其顯示。請參閱管理檢視器預設集。如果您使用影像預設集，則無法選取檢視器預設集，反之亦然。

如果您檢視影像集、回轉集或混合媒體集，此選項是唯一可用的選項。顯示的檢視器預設集也是智慧型的 — 僅顯示相關的檢視器預設集。

影像預設 — 從下拉式選單中選取現有的影像預設集。如果您要尋找的影像預設集未顯示，則您可能需要使其可見。請參閱管理影像預設集。如果您使用影像預設集，則無法選取檢視器預設集，反之亦然。