將Dynamic Media Classic功能新增至頁面

AdobeDynamic Media Classic是托管解決方案，可管理、增強、發佈及將多媒體資產傳送至網路、行動裝置、電子郵件及與網際網路連線的顯示器及列印。

您可以在各種檢視器中檢視在Dynamic Media Classic中發佈的AEM資產：

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

您可以直接從AEM發佈數位資產至Dynamic Media Classic，也可以從Dynamic Media Classic發佈數位資產至AEM。

本檔案說明如何將數位資產從AEM發佈至Dynamic Media Classic，反之亦然。 檢視器也會詳細說明。 如需為Dynamic Media Classic設定AEM的詳細資訊，請參閱整合Dynamic Media Classic與AEM。

另請參閱新增影像圖。

如需搭配AEM使用視訊元件的詳細資訊，請參閱Video。

從資產手動發佈至Dynamic Media Classic

您可以依照下列方式將數位資產發佈至Dynamic Media Classic:

• 在Assets控制台的傳統使用者介面中
• 在資產的傳統使用者介面中
• 在傳統使用者介面中，從CQ Target資料夾外部

Dynamic Media Classic元件

AEM提供下列Dynamic Media Classic元件：

• 縮放
• 彈出（縮放）
• 影像範本
• 影像
• 影片

在​Design​模式中使用元件後，您可以像其他任何AEM元件一樣將元件新增至頁面。 如果是在同步的資料夾、頁面上或使用Dynamic Media Classic雲端設定，則尚未發佈至Dynamic Media Classic的資產會發佈至Dynamic Media Classic。

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

自2017年1月31日起，AdobeDynamic Media Classic已停止支援Flash檢視器平台。

將Dynamic Media Classic元件(Scene7)新增至頁面

將Dynamic Media Classic(Scene7)元件新增至頁面，與將元件新增至任何頁面相同。 Dynamic Media Classic元件在以下章節中詳細說明。

若要將Dynamic Media Classic(Scene7)元件新增至頁面:

1. 在AEM中，開啟您要新增Dynamic Media Classic(Scene7)元件的頁面。

2. 如果沒有可用的Dynamic Media Classic元件，請按一下​Design​模式，點選任何具有藍色邊框的元件，點選​Parent​圖示，然後點選​Configuration​圖示。 在​Parsys(Design)​中，選取所有Dynamic Media Classic元件以讓它們可用，然後按一下​OK。

   

3. 按一下​Edit​以返回​Edit​模式。

4. 從sidekick中的Dynamic Media Classic群組將元件拖曳至所需位置的頁面。

5. 按一下​Configuration​圖示以開啟元件。

6. 視需要編輯元件，然後按一下​OK​以儲存變更。

7. 從內容瀏覽器將您的影像或影片拖曳至您新增至頁面的Dynamic Media Classic元件。

   注意

   僅限觸控式UI中，您必須將影像或視訊拖放至您放置在頁面上的Dynamic Media Classic元件。 不支援選取及編輯Dynamic Media Classic元件，然後選取資產。

將互動式檢視體驗新增至回應式網站

針對資產進行回應式設計，表示資產會根據其顯示位置進行適應。 透過回應式設計，可在多部裝置上有效顯示相同的資產。

另請參閱網頁的回應式設計。

若要將互動式檢視體驗新增至回應式網站:

1. 登入AEM，並確認您已設定AdobeDynamic Media ClassicCloud Services，且Dynamic Media Classic元件可用。

   注意

   如果Dynamic Media Classic元件不可用，請確定以透過設計模式啟用它們。

2. 在已啟用​Dynamic Media Classic​元件的網站中，將​Image​元件拖曳至頁面。

3. 選取元件，然後點選設定圖示。

4. 在​Dynamic Media Classic設定​標籤中，調整斷點。

   

5. 確認檢視器正在回應性地調整大小，且所有互動都已針對桌上型電腦、平板電腦和行動裝置最佳化。

所有Dynamic Media Classic元件的共同設定

雖然設定選項有所不同，但下列是所有Dynamic Media Classic元件的常見項目：

• 檔
  案引用瀏覽到要引用的檔案。檔案參考會顯示資產URL，而非完整的Dynamic Media Classic URL，包括URL命令和參數。 您無法在此欄位中新增Dynamic Media Classic URL命令和參數。 必須透過元件中的對應功能來新增。
• ​
  寬度可讓您設定寬度。
• ​
  高度可讓您設定高度。

您可以開啟（按兩下）Dynamic Media Classic元件，例如開啟​Zoom​元件時，設定這些設定選項：

縮放

按下​+​按鈕時，HTML5縮放元件會顯示較大的影像。

資產底部有縮放工具。 點選​+​以放大。 點選​-​以減少。 點選​x​或重設縮放箭頭，可將影像重新調整為原始大小，如此匯入。 點選對角線箭頭，使其成為全螢幕。 點選​編輯​以設定元件。 使用此元件，可以配置所有Dynamic Media Classic元件🔗共同的設定。

飛出

在HTML5 Flyout​元件中，資產會以分割畫面顯示；將資產保留在指定大小；顯示縮放部分的右側。 點選​編輯​以設定元件。 使用此元件，您可以配置所有Dynamic Media Classic元件(🔗)通用的設定。

影像

Dynamic Media Classic Image​元件可讓您將Dynamic Media Classic功能新增至影像，例如Dynamic Media Classic修飾元、影像或檢視器預設集，以及銳利化。 Dynamic Media Classic Image​元件與AEM中具有特殊Dynamic Media Classic功能的其他影像元件類似。 在此範例中，影像已套用Dynamic Media Classic URL修飾元​&op_invert=1。

• 標題，替
  代文本 ​​在「高級」頁簽中，為影像添加標題，並為那些關閉圖形的用戶添加替代文本。

• URL，在中
  開啟您可以從設定資產以開啟連結。設定​URL，並在​在​中開啟指示您要在相同視窗還是在新視窗中開啟它。

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

• Dynamic Media Classic
  設定選取您要用來從SPS擷取作用中影像預設集的Dynamic Media Classic設定。

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

• 輸
  出格式選擇影像的輸出格式，例如jpeg。視您選取的輸出格式而定，您可能有其他設定選項。 請參閱影像預設集最佳作法。

• ​
  銳利化選取要如何銳利化影像。銳利化詳細說明於影像預設集最佳作法和銳利化最佳作法。

• URL修
  飾符您可以提供其他Dynamic Media Classic影像命令來變更影像效果。在影像預設集和命令引用中對這些內容進行了描述。

• ​
  中斷點如果您的網站回應迅速，您需要調整中斷點。斷點必須以逗號(,)分隔。

影像範本

Dynamic Media Classic影像 範本是已匯入至Dynamic Media Classic的分層Photoshop內容，其中內容和屬性已參數化，因而可變性。影像範本​元件可讓您匯入影像，並在AEM中動態變更文字。 此外，您可以設定​影像範本​元件，以使用用戶端內容的值，讓每位使用者都能以個人化的方式體驗影像。

點選​編輯​以設定元件。 您可以配置所有Dynamic Media Classic元件🔗的共同設定，以及本節所述的其他設定。

• 檔案參考、寬度、高
  度請參閱所有Dynamic Media Classic元件通用的設定。

  注意

  Dynamic Media傳統URL命令和參數無法直接新增至檔案參考URL。 它們只能在​Parameter​面板的元件UI中定義。

• 標題、替
  代文字在「Dynamic Media傳統影像範本」索引標籤中，為影像新增標題，並為關閉圖形的使用者新增替代文字。

• URL，在中
  開啟您可以從設定資產以開啟連結。設定URL，然後在「開啟」中（在中）指出您要在相同視窗還是新視窗中開啟它。

• 參
  數面板匯入影像時，參數會預先填入影像的資訊。如果沒有可動態變更的內容，此視窗為空。

動態更改文本

要動態更改文本，請在欄位中輸入新文本，然後按一下​OK。 在此範例中，Price​現在為$50，而運費為99美分。

影像中的文字會變更。 您可以點選欄位旁的​重設，將文字重設回原始值。

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

若要將欄位連結至用戶端內容值，請點選​選取​以開啟用戶端內容功能表，選取用戶端內容，然後點選​確定。 在此示例中，名稱會根據將名稱與配置檔案中的格式化名稱連結而改變。

文字會反映目前登入使用者的名稱。 您可以按一下欄位旁的​重設，將文字重設回原始值。

將Dynamic Media傳統影像範本設為連結

1. 在具有Dynamic Media Classic 影像範本​元件的頁面上，點選​編輯。

2. 在​URL​欄位中，輸入點選影像時使用者前往的URL。 在​在​中開啟欄位中，選擇要開啟目標（新窗口還是同一窗口）。

   

3. 點選​確定。

視訊元件

Dynamic Media Classic Video​元件(可從sidekick的Dynamic Media Classic區段取得)使用裝置和頻寬偵測，將正確的視訊提供至每個畫面。 此元件為HTML5視訊播放器；是可跨頻道使用的單一檢視器。

它可用於最適化視訊集、單一MP4視訊或單一F4V視訊。

請參閱Video以取得有關視訊如何搭配Dynamic Media Classic整合運作的詳細資訊。 此外，請參閱Dynamic Media Classic視訊元件與Foundation視訊元件。

視訊元件的已知限制

AdobeDAM和WCM會顯示主視訊是否已上傳。 它們不會顯示這些代理資產：

• Dynamic Media Classic編碼轉譯
• Dynamic Media Classic適用性視訊集

搭配Dynamic Media Classic視訊元件使用最適化視訊集時，您需要調整元件大小以符合視訊的尺寸。

Dynamic Media Classic內容瀏覽器

Dynamic Media Classic內容瀏覽器可讓您直接在AEM中檢視Dynamic Media Classic的內容。 若要存取內容瀏覽器，請在​內容尋找器​中，選取觸控最佳化使用者介面中的​Dynamic Media Classic​或傳統使用者介面中的​S7​圖示。 這兩個使用者介面的功能完全相同。

如果您有多個設定，依預設AEM會顯示預設設定。 您可以直接在Dynamic Media Classic內容瀏覽器的下拉式功能表中選取不同的設定。

在觸控最佳化UI中瀏覽內容

您可以在觸控最佳化或傳統UI中存取內容瀏覽器。 目前觸控最佳化有下列限制：

• 不支援來自Dynamic Media Classic的FXG和Flash資產。

從第三個下拉式選單中選取​Dynamic Media Classic，以瀏覽Dynamic Media Classic資產。 如果您尚未設定Dynamic Media Classic/AEM整合，則清單中不會顯示Dynamic Media Classic。

此外，您可以將游標暫留在瀏覽器中的資產上，以瀏覽解析度資訊、大小、修改後間隔天數和檔案名稱。

• 對於適用性視訊集和範本，不會產生縮圖的大小資訊。
• 針對適用性視訊集，不會產生縮圖的解析度。

使用內容瀏覽器搜尋Dynamic Media Classic資產

搜尋Dynamic Media Classic資產與搜尋AEM資產類似，只不過搜尋時，您實際上看到的是Dynamic Media Classic系統中資產的遠端檢視，而非直接匯入AEM。

您可以使用傳統UI或觸控最佳化UI來檢視和搜尋資產。 根據介面，您的搜尋方式會稍有不同。

在任一UI中搜尋時，您可以依下列條件進行篩選（如觸控最佳化UI的此處所示）:

• 輸入
  關鍵字您可依名稱搜尋資產。搜尋所輸入的關鍵字時，檔案名稱的開頭為。 例如，輸入"swimming"會尋找任何以該順序字母開頭的資產檔案名稱。 輸入詞語以尋找資產後，請務必點選「enter」。

• 資料夾/
  路徑所顯示的資料夾的名稱取決於您選取的配置。您可以點選資料夾圖示並選取子資料夾，然後點選核取標籤以選取，以深入鑽研至較低層級。

如果您輸入關鍵字並選取資料夾，AEM會搜尋該資料夾和任何子資料夾。 不過，如果您在搜尋時未輸入任何關鍵字，選取資料夾只會顯示該資料夾中的資產，且不會包含任何子資料夾。

依預設，AEM會搜尋選取的資料夾和所有子資料夾。

• 資產類
  型選取 Dynamic Media 類別以瀏覽Dynamic Media Classic內容。只有已設定Dynamic Media Classic時，才可使用此選項。

• ​
  設定如果您在Cloud Services中定義了多個Dynamic Media Classic 設定，可在此處選取。因此，資料夾會根據您選擇的設定而變更。

• 資
  產類型在Dynamic Media Classic瀏覽器中，您可以篩選結果以包含下列任一項目：影像、範本、影片和最適化影片集。如果您未選取任何資產類型，依預設AEM會搜尋所有資產類型。

• 發佈
  狀態您可以根據發佈狀態篩選資產： ​​未發佈或 已發佈。如果您未選取任何​發佈狀態，依預設AEM會搜尋所有發佈狀態。