將Dynamic Media Classic功能新增至您的頁面

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

您可以在各種檢視器中檢視在Dynamic Media Classic中發佈的Experience Manager資產:

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

您可以直接從Experience Manager發佈數位資產至Dynamic Media Classic,也可以從Dynamic Media Classic發佈數位資產至Experience Manager。

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

另請參閱新增影像地圖

有關使用視訊元件與Experience Manager的詳細資訊,請參閱Video

注意

如果Dynamic Media Classic資產未正確顯示,請確定Dynamic Media為disabled,然後重新整理頁面。

從資產手動發佈至Dynamic Media Classic

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

注意

Experience Manager會以非同步方式發佈至Dynamic Media Classic。 選取​Publish​後,您的資產需要數秒的時間才能發佈至Dynamic Media Classic。

Dynamic Media Classic元件

下列Dynamic Media Classic元件可在Experience Manager中使用:

  • 縮放
  • 彈出(縮放)
  • 影像範本
  • 影像
  • 影片
注意

預設情況下,這些元件不可用,在使用前必須在​Design​模式中選擇。

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

注意

如果您要建立和開發自訂檢視器,並使用「內容尋找器」,則必須明確新增allowfullscreen參數。

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

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

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

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

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

  1. 在Experience Manager中,開啟您要新增​Dynamic Media Classic(Scene7)​元件的頁面。

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

    chlimage_1-224

  3. 選擇​Edit,以便返回到​Edit​模式。

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

  5. 選取​Configuration​圖示,以開啟元件。

  6. 視需要編輯元件,並選取​OK​以儲存變更。

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

    注意

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

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

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

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

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

  1. 登入Experience Manager,並確認您有設定的AdobeDynamic Media ClassicCloud Services,且Dynamic Media Classic元件可用。

    注意

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

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

  3. 選取元件並選取設定圖示。

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

    chlimage_1-225

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

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

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

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

您可以開啟(按兩下)Dynamic Media Classic元件,例如開啟​Zoom​元件時,設定這些設定選項:

chlimage_1-226

縮放

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

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

chlimage_1-227

飛出

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

注意

如果您的​Flyout​元件使用自訂大小,則會使用該自訂大小,並停用元件的回應式設定。

如果您的​Flyout​元件使用預設大小(如​Design View​中設定),則使用預設大小,並且元件會延伸以容納頁面版面大小,並啟用元件的回應式設定。 元件的回應式設定有限制。 當您搭配回應式設定使用​Flyout​元件時,請勿將其用於完整頁面延伸。 否則,Flyout​會超出頁面的右邊框。

chlimage_1-228

影像

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

chlimage_1-229

標題、替代文字 — 在「進階」 ​標籤中,為影像新增標題,並為關閉圖形的使用者新增替代文字。

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

chlimage_1-230

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

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

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

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

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

URL修飾元 — 您可以提供其他Dynamic Media Classic影像命令,以變更影像效果。這些命令在影像預設集命令引用中進行了說明。

中斷點 — 如果網站回應式,您要調整中斷點。斷點必須以逗號(,)分隔。

影像範本

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

如果要配置元件,請選擇​編輯。 您可以配置所有Dynamic Media Classic元件🔗的共同設定,以及本節所述的其他設定。

chlimage_1-231

檔案參考、寬度、高度 — 請參閱所有ScDynamic Media Classicene7元件通用的設定。

注意

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

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

URL,在 中開啟 — 您可以從設定資產以開啟連結。設定URL,然後在「開啟」中(在中)指出您要在相同視窗還是新視窗中開啟它。

chlimage_1-232

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

chlimage_1-233

動態變更文字

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

chlimage_1-234

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

chlimage_1-235

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

要將欄位連結到客戶端上下文值,請選擇​選擇​以開啟客戶端上下文菜單,選擇客戶端上下文,然後選擇​確定。 在此示例中,名稱會根據將名稱與配置檔案中的格式化名稱連結而改變。

chlimage_1-236

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

chlimage_1-237

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

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

    chlimage_1-238

  3. 選擇​OK

視訊元件

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

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

請參閱Video以取得有關視訊如何搭配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內容瀏覽器可讓您直接以Experience Manager檢視Dynamic Media Classic的內容。 若要存取內容瀏覽器,請在​內容尋找器​中,選取觸控最佳化使用者介面中的​Dynamic Media Classic​或傳統使用者介面中的​S7​圖示。 這兩個使用者介面的功能完全相同。

如果您有多個配置,預設情況下,Experience Manager會顯示預設配置。 您可以直接在Dynamic Media Classic內容瀏覽器的下拉式功能表中選取不同的設定。

注意
  • 隨需資料夾中的資產不會顯示在Dynamic Media Classic內容瀏覽器中。

  • 啟用安全預覽時,Dynamic Media Classic上已發佈和未發佈的資產都會顯示在Dynamic Media Classic內容瀏覽器中。

  • 如果您在內容瀏覽器中沒有看到​Dynamic Media Classic​或​S7​圖示做為選項,您必須設定Dynamic Media Classic以搭配Experience Manager使用。

  • 若是影片,Dynamic Media Classic內容瀏覽器支援:

  • 最適化視訊集:容器,以便在多個畫面間順暢播放所需的所有視訊轉譯

  • 單MP4視頻

  • 單一F4V影片

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

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

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

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

注意
  • Dynamic Media Classic內容瀏覽器會載入約100個資產,並依名稱排序。
  • 如果您已設定安全預覽伺服器,瀏覽器會使用該預覽伺服器來轉譯縮圖和資產。

chlimage_1-240

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

chlimage_1-241

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

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

在Dynamic Media Classic中搜尋資產類似於在Experience Manager資產中搜尋資產。 不過,在搜尋時,您實際上會在Dynamic Media Classic系統中看到資產的遠端檢視,而非直接將資產匯入Experience Manager。

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

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

輸入關鍵字 — 您可以依名稱搜尋資產。搜尋時,輸入的關鍵字是檔案名稱的開頭。 例如,輸入"swimming"會尋找任何以該順序字母開頭的資產檔案名稱。 輸入詞語以尋找資產後,請務必按下Enter鍵。

chlimage_1-242

資料夾/路徑 — 所檢視的資料夾名稱是根據您選取的設定而定。您可以點選資料夾圖示並選取子資料夾,然後點選核取標籤以選取,以深入鑽研至較低層級。

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

依預設,Experience Manager會搜尋選取的資料夾和所有子資料夾。

chlimage_1-243

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

chlimage_1-244

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

chlimage_1-245

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

chlimage_1-246

注意
  • 在傳統UI中,您也可以搜尋​Flash​和​FXG。 不支援在觸控最佳化UI中篩選這些類型。

  • 搜尋視訊時,會搜尋單一轉譯。 結果會傳回原始轉譯(僅限*.mp4)和編碼的轉譯。

  • 搜尋適用性視訊集時,您會搜尋資料夾和所有子資料夾,但僅限於已新增關鍵字至搜尋時。 如果您尚未新增關鍵字,Experience Manager不會搜尋子資料夾。

發佈狀態 — 您可以根據發佈狀態篩選資產: ​未發佈或 已發佈。如果您未選取任何​發佈狀態,預設情況下,Experience Manager會搜尋所有發佈狀態。

chlimage_1-247

本頁內容