Experience League

Exit search

將Dynamic Media Classic元件添加到頁面

Adobe Dynamic Media Classic是一個托管解決方案，用於管理、增強、發佈和將富媒體資產交付到Web、移動、電子郵件和網際網路連接的顯示和打印。

您可以通AEM過各種查看者查看在Dynamic Media Classic發佈的資產：

縮放
飛出
影片
影像範本
影像

您可以直接將數字資產從AEMDynamic Media Classic發佈，也可以將數字資產從Dynamic Media Classic發佈到AEM。

本文檔介紹如何從Dynamic Media Classic發佈數AEM字資產，反之亦然。還對查看者進行了詳細描述。有關為Dynamic Media Classic配AEM置的資訊，請參見將Dynamic Media Classic與。

另請參閱添加影像映射。

有關使用視頻元件的詳細信AEM息，請參見視頻。

注意

如果Dynamic Media Classic資產未正確顯示，請確保動態媒體禁用然後刷新頁面。

從資產手動發佈到Dynamic Media Classic

您可以按如下方式向Dynamic Media Classic發佈數字資產：

注意

非同步AEM發佈到Dynamic Media Classic。按一下後發佈，您的資產可能需要幾秒鐘才能發佈到Dynamic Media Classic。

Dynamic Media Classic元件

以下Dynamic Media Classic元件可在AEM:

縮放
浮動（縮放）
影像範本
影像
影片

注意

預設情況下，這些元件不可用，需要在設計模式。

在中提供它們後設計模式下，可以像其他元件一樣將元件添加到AEM頁面。尚未發佈到Dynamic Media Classic的資產將發佈到Dynamic Media Classic(如果位於同步資料夾中、頁面中或具有Dynamic Media Classic雲配置)。

注意

如果您正在建立和開發自定義查看器並使用Content Finder，則需要明確添加 允許全屏 的下界。

Flash 檢視器生命週期結束注意事項

自2017年1月31日起，Adobe Dynamic Media Classic終止對Flash觀看平台的支援。

將Dynamic Media Classic元件(Scene7)添加到頁面

將Dynamic Media Classic(Scene7)元件添加到頁面與將元件添加到任何頁面相同。 Dynamic Media Classic元件在以下各節中作了詳細說明。

將Dynamic Media Classic(Scene7)元件添加到頁面:

在AEM中，開啟要添加Dynamic Media Classic(Scene7)元件的頁面。
如果沒有可用的Dynamic Media Classic元件，請按一下設計模式，點擊帶有藍色邊框的任何元件，點擊父級，然後配置表徵圖在 參數（設計），選擇所有Dynamic Media Classic元件以使其可用，然後按一下確定。
按一下編輯返回編輯的子菜單。
將副腳中的元件從Dynamic Media Classic組拖到所需位置的頁面上。
按一下配置表徵圖以開啟元件。
根據需要編輯元件，然後按一下確定的子菜單。
將影像或視頻從內容瀏覽器拖到您添加到頁面的Dynamic Media Classic元件上。

注意

僅在UI中，必須將影像或視頻拖放到您放置在頁面上的Dynamic Media Classic元件上。不支援選擇和編輯Dynamic Media Classic元件，然後選擇資產。

向響應站點添加互動式觀看體驗

響應性的資產設計意味著您的資產會根據其顯示位置進行調整。通過響應性設計，可以在多個設備上有效地顯示相同的資產。

另請參閱網頁響應性設計。

向響應站點添加互動式觀看體驗:

登錄AEM到，確保配置的Adobe Dynamic Media ClassicCloud Services 還有Dynamic Media Classic的部件。

注意

如果Dynamic Media Classic元件不可用，請確保通過設計模式啟用它們。
在包含 Dynamic Media Classic 元件已啟用，拖動影像元件。
選擇元件並點擊配置表徵圖。
在 Dynamic Media Classic設定 頁籤。
確認查看器正在響應性地調整大小，並且所有交互都針對案頭、平板電腦和移動設備進行了優化。

所有Dynamic Media Classic元件的公用設定

儘管配置選項各不相同，但以下是所有配置的通用選項 Dynamic Media Classic 元件：

檔案引用
瀏覽到要引用的檔案。檔案引用顯示資產URL，而不一定是包括URL命令和參數的完整Dynamic Media ClassicURL。不能在此欄位中添加Dynamic Media ClassicURL命令和參數。它們必須通過元件中的相應功能添加。
寬度
用於設定寬度。
高度
用於設定高度。

通過開啟（按兩下）Dynamic Media Classic元件(例如，在開啟縮放元件：

chlimage_1-226

縮放

HTML5縮放元件在按下 + 按鈕

資產底部有縮放工具。點擊 + 放大。點擊 - 減少。點擊 x 或者，重置縮放箭頭會將影像恢復為原來導入的大小。按一下對角線箭頭使其全屏。點擊編輯的子菜單。使用此元件，您可以所有設定 Dynamic Media Classic 元件。

chlimage_1-227

在HTML5 飛出顯示為拆分螢幕；將資產保留在指定的規模；右側顯示縮放部分。點擊編輯的子菜單。使用此元件，您可以所有Dynamic Media Classic元件公用的設定。

注意

如果飛出元件使用自定義大小，然後使用自定義大小並禁用元件的響應設定。

如果飛出元件使用預設大小，如 設計視圖，則使用預設大小，並且元件會擴展以適應頁面佈局大小，同時會啟用元件的響應設定。但是，請注意，對元件的響應設定存在限制。使用飛出具有響應性設定的元件，不應將其用於全頁延伸。否則，飛出可能超出頁面的右邊框。

chlimage_1-228

影像

Dynamic Media Classic 影像元件允許您向影像添加Dynamic Media Classic功能，如Dynamic Media Classic修飾符、影像或查看器預設和銳化。 Dynamic Media Classic 影像元件與具有特殊Dynamic Media Classic功能的其AEM他映像元件相似。在此示例中，影像具有Dynamic Media ClassicURL修飾符， &op_invert=1 。

chlimage_1-229

標題，替代文字
在高級頁籤，為圖形關閉的用戶添加標題和alt文本。
URL，在中開啟
您可以設定資源，以開啟連結。設定 URL 在 開啟位置 指明是希望在同一窗口或新窗口中開啟。

chlimage_1-230

查看器預設
從下拉菜單中選擇現有查看器預設。如果您要查找的查看器預設不可見，則可能需要使其可見。請參閱管理查看器預設。如果使用影像預設，則不能選擇查看器預設，反之亦然。
Dynamic Media Classic配置
選擇要用於從SPS中提取活動影像預設的Dynamic Media Classic配置。
影像預設
從下拉菜單中選擇現有影像預設。如果您要查找的影像預設不可見，則可能需要使其可見。請參閱管理影像預設。如果使用影像預設，則不能選擇查看器預設，反之亦然。
輸出格式
選擇影像的輸出格式，例如jpeg。根據您選擇的輸出格式，您可能還有其他配置選項。請參閱映像預設最佳實踐。
銳化
選擇銳化影像的方式。銳化在以下方面進行了詳細說明：映像預設最佳實踐和加強最佳做法。
URL修飾符
可以通過提供附加的Dynamic Media Classic影像命令來更改影像效果。這些內容在影像預設和命令引用。
斷點
如果網站響應，則要調整斷點。斷點必須用逗號(,)分隔。

影像範本

Dynamic Media Classic影像模板是導入到Dynamic Media Classic的分層Photoshop內容，其中內容和屬性是參數化的，可變性。的 影像模板 元件允許您在中導入影像並動態更改文AEM本。此外，您還可以 影像模板 元件使用客戶端上下文中的值，以便每個用戶以個性化的方式體驗影像。

點擊編輯的子菜單。您可以配置所有Dynamic Media Classic元件公用的設定以及本節中介紹的其他設定。

chlimage_1-231

檔案引用、寬度、高度
查看所有Dynamic Media Classic元件的公用設定。

注意

Dynamic Media ClassicURL命令和參數不能直接添加到檔案引用URL。它們只能在元件UI中定義參數的子菜單。
標題，替代文字
在「Dynamic Media Classic影像模板」頁籤中，為影像關閉的用戶添加標題和替代文字。
URL，在中開啟
您可以設定資源，以開啟連結。設定URL，在「開啟」(Open)中，指明希望在同一窗口或新窗口中開啟它。

chlimage_1-232

參數面板
在導入影像時，這些參數會預先填充來自影像的資訊。如果沒有可動態更改的內容，則此窗口為空。

chlimage_1-233

動態更改文本

要動態更改文本，請在欄位中輸入新文本，然後按一下確定。在此示例中，價格現在是50美元，運費是99美分。

chlimage_1-234

影像中的文本將更改。可通過點擊將文本重置回原始值重置的子菜單。

chlimage_1-235

更改文本以反映客戶端上下文值的值

要將欄位連結到客戶端上下文值，請點擊選擇要開啟客戶端上下文菜單，請選擇客戶端上下文，然後點擊確定。在本示例中，名稱會根據將「名稱」與配置檔案中的格式化名稱連結而更改。

chlimage_1-236

文本反映當前登錄用戶的名稱。通過按一下，可將文本重置回原始值重置的子菜單。

chlimage_1-237

使Dynamic Media Classic影像模板成為連結

在Dynamic Media Classic 影像模板 元件，點擊編輯。
在 URL 欄位，輸入用戶在點擊影像時轉到的URL。在 開啟位置 欄位中，選擇是否要開啟目標（新窗口或同一窗口）。
點擊確定。

視頻元件

Dynamic Media Classic 視頻元件(可從側腳的Dynamic Media Classic部分獲得)使用設備和頻寬檢測為每個螢幕提供正確的視頻。該元件是HTML5視頻播放器；它是一個可以跨頻道使用的查看器。

它可用於自適應視頻集、單個MP4視頻或單個F4V視頻。

請參閱視頻瞭解有關視頻如何與Dynamic Media Classic整合協作的更多資訊。此外，請參見 Dynamic Media Classic視頻元件與Foundation視頻元件。

chlimage_1-239

視頻元件的已知限制

AdobeDAM和WCM顯示是否上載主視頻。它們不顯示這些代理資產：

Dynamic Media Classic編碼格式轉換
Dynamic Media Classic自適應視頻集

當將自適應視頻集與Dynamic Media Classic視頻元件一起使用時，需要調整元件的大小以適合視頻的尺寸。

Dynamic Media Classic內容瀏覽器

Dynamic Media Classic內容瀏覽器允許您直接在中查看來自Dynamic Media Classic的內AEM容。要訪問內容瀏覽器，請在 內容查找器選中 Dynamic Media Classic 在觸控優化用戶介面或 S7 表徵圖。兩個用戶介面的功能完全相同。

如果您有多個配置，AEM預設情況下將顯示預設配置。您可以直接在下拉菜單的Dynamic Media Classic內容瀏覽器中選擇不同的配置。

注意

位於臨時資料夾中的資產不會顯示在Dynamic Media Classic內容瀏覽器中。
當已啟用安全預覽,Dynamic Media Classic上已發佈和未發佈的資產都會出現在Dynamic Media Classic內容瀏覽器中。
如果你看不到 Dynamic Media Classic 或 S7 表徵圖作為內容瀏覽器中的選項，您需要配置Dynamic Media ClassicAEM。
對於視頻，Dynamic Media Classic內容瀏覽器支援：
- 自適應視頻集：容器，用於跨多個螢幕無縫播放所需的所有視頻格式副本
- 單個MP4視頻
- 單個F4V視頻