將Dynamic Media經典功能添加到頁面

Adobe· Dynamic Media·Classics是一套代管解決方案,可管理、增強、發佈和傳送多媒體資產至網路、行動裝置、電子郵件和網際網路連線的展示和印刷品。

您可以在各AEM種檢視器中檢視發佈於Dynamic Media經典的資產:

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

您可以直接將數位資產從AEMDynamic Media經典發佈,也可以將數位資產從Dynamic Media經典發佈到AEM。

本檔案說明如何將數位資產從AEMDynamic Media經典發佈。 檢視器也會有詳細說明。 有關為Dynamic MediaAEM經典配置的資訊,請參見將Dynamic Media經典與AEM整合。

另請參閱添加映像映射

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

注意

如果Dynamic Media經典資產無法正確顯示,請確定動態媒體disabled,然後重新整理頁面。

從資產手動發佈至Dynamic Media經典

您可以按如下方式將數位資產發佈至Dynamic Media經典:

注意

以非AEM同步方式發佈到Dynamic Media經典。 按一下​Publish​後,您的資產可能需要數秒鐘才能發佈至Dynamic Media經典。

Dynamic Media經典元件

以下是Dynamic Media經典元件AEM:

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

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

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

注意

如果您要建立和開發自訂檢視器,並使用內容搜尋器,則需要明確新增​allowfullscreen​參數。

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

自2017年1月31日起,AdobeDynamic Media經典影像終止支援Flash檢視器平台。

如需此重要變更的詳細資訊,請參閱Flash檢視器生命週期結束常見問答集

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

將Dynamic Media經典(Scene7)元件添加到頁面與將元件添加到任何頁面相同。 Dynamic Media經典元件在以下幾節中有詳細說明。

要將Dynamic Media經典(Scene7)元件添加到頁面

  1. 在AEM中,開啟要添加Dynamic Media經典(Scene7)元件的頁。

  2. 如果沒有Dynamic Media經典元件,請按一下​Design​模式,點選任何具有藍色邊框的元件,點選​Parent​表徵圖,然後按一下​Configuration​表徵圖。 在​Parsys(Design)​中,選擇所有Dynamic Media經典元件以使其可用,然後按一下​確定。

    chlimage_1-224

  3. 按一下​編輯​返回到​編輯​模式。

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

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

  6. 根據需要編輯元件,然後按一下​OK​保存更改。

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

    注意

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

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

針對您的資產進行多方互動設計,表示您的資產會依其顯示位置而調整。 透過多方互動設計,可在多種裝置上有效顯示相同的資產。

另請參閱網頁自適應設計

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

  1. 登入,AEM並確保您已配置AdobeDynamic Media經典Cloud Services,且Dynamic Media經典元件可用。

    注意

    如果Dynamic Media經典元件不可用,請確保通過設計模式啟用它們。

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

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

  4. 在​Dynamic Media經典設定​頁籤中,調整斷點。

    chlimage_1-225

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

所有Dynamic Media經典元件的常用設定

儘管配置選項不同,但所有Dynamic MediaClassic元件都有以下共同選項:

  • 檔案引用 -瀏覽到要引用的檔案。檔案參考會顯示資產URL,但不一定是完整的Dynamic Media經典URL,包括URL命令和參數。 您無法在此欄位中新增Dynamic Media經典URL命令和參數。 它們必須透過元件中的對應功能來新增。
  • 寬度 -可讓您設定寬度。
  • 高度 -可讓您設定高度。

通過開啟(按兩下)Dynamic Media經典元件來設定這些配置選項,例如,開啟​Zoom​元件時:

chlimage_1-226

縮放

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

資產底部有縮放工具。 點選​+​以放大。 點選​-​以減少。 點選​x​或重設縮放箭頭會將影像重新調整為原本匯入的大小。 點選對角線箭頭,讓它成為全螢幕。 點選「編輯」以設定元件。 使用此元件,可以配置所有Dynamic Media經典元件🔗的公共設定。

chlimage_1-227

彈出

在HTML5 Flyout​元件中,資產顯示為分割畫面;將資產保留在指定的大小;右側顯示縮放部分。 點選「編輯」以設定元件。 使用此元件,可以配置所有Dynamic MediaClassic元件🔗的常用設定。

注意

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

如果您的​Flyout​元件使用預設大小(如​設計檢視​中所設定),則會使用預設大小,而元件會延伸以配合頁面版面大小,並啟用元件的回應式設定。 但請注意,元件的回應式設定有限。 當您使用具有自適應設定的​Flyout​元件時,不應將它用於完整頁面延伸。 否則,Flyout​可延伸超過頁面的右邊框。

chlimage_1-228

影像

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

chlimage_1-229

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

URL, Open in - You can set an asset from to open a link.設定​URL,並在​的「在​中開啟」中指出您要在相同視窗或新視窗中開啟。

chlimage_1-230

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

Dynamic Media經典配置 -選擇要用於從SPS中獲取活動影像預設集的Dynamic Media經典配置。

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

輸出格式 -選擇影像的輸出格式,例如jpeg。視您選擇的輸出格式而定,您可能會有其他設定選項。 請參閱影像預設集最佳範例

銳利化 -選擇影像銳利化的方式。銳利化在影像預設集最佳實務銳利化最佳實務中詳細說明。

URL修飾元 -您可以提供額外的Dynamic Media經典影像指令來變更影像效果。這些說明在影像預設集命令參考中。

中斷點 -如果您的網站是互動式的,您需要調整中斷點。中斷點必須以逗號(,)分隔。

影像範本

Dynamic Media經典影 像範本是分層的Photoshop內容,匯入到Dynamic Media經典,內容和屬性會參數化,以利變數。影像範本​元件可讓您匯入影像並動態變更AEM文字。 此外,您還可以設定​影像範本​元件,使用用戶端內容的值,讓每位使用者以個人化方式體驗影像。

點選「編輯」以設定元件。 您可以配置所有Dynamic Media經典元件🔗的常用設定以及本節中介紹的其他設定。

chlimage_1-231

檔案參考、寬度、高度 -檢視所有ScDynamic Media Classicene7元件的常用設定。

注意

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

標題、替代文字 -在「Dynamic Media經典影像模板」頁籤中,為影像添加標題,並為關閉圖形的用戶添加替代文字。

URL, Open in - You can set an asset from to open a link.設定URL,並在「開啟於」中指出您要在相同視窗或新視窗中開啟它。

chlimage_1-232

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

chlimage_1-233

動態變更文字

要動態更改文本,請在欄位中輸入新文本,然後按一下「確定」。 在此範例中, ​Price現在是$50,而運費是99美分。

chlimage_1-234

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

chlimage_1-235

變更文字以反映用戶端內容值的值

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

chlimage_1-236

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

chlimage_1-237

  1. 在具有「Dynamic Media經典​影像模板」元件的頁面上,按一下「編輯」。

  2. 在​URL​欄位中,輸入在點選影像時使用者前往的URL。 在​​欄位中開啟,選取您要開啟目標(新視窗或相同視窗)。

    chlimage_1-238

  3. 點選​確定。

視訊元件

Dynamic Media經典​視頻​元件(可從側腳的Dynamic Media經典部分獲得)使用設備和頻寬檢測向每個螢幕提供正確的視頻。 此元件為HTML5視訊播放器;它是可跨通道使用的單一檢視器。

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

如需有關視訊如何與Dynamic MediaClassic整合的詳細資訊,請參閱Video。 此外,請參閱Dynamic Media經典視頻元件與Foundation Video元件

chlimage_1-239

視訊元件的已知限制

AdobeDAM和WCM會顯示是否上傳主要來源視訊。 它們不會顯示下列代理資產:

  • Dynamic Media經典編碼轉譯
  • Dynamic Media經典自適應視訊集

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

Dynamic Media傳統內容瀏覽器

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

如果您有多種配置,AEM預設情況下會顯示預設配置。 您可以直接在「Dynamic Media經典」內容瀏覽器的下拉式選單中選取不同的設定。

注意
  • 位於臨機資料夾的資產不會出現在Dynamic Media傳統內容瀏覽器中。

  • 啟用「保全預覽」時,「Dynamic Media經典」的已發佈和未發佈資產都會顯示在「Dynamic Media經典」內容瀏覽器中。

  • 如果內容瀏覽器中未將​Dynamic Media經典​或​S7​圖示視為選項,則需要配置Dynamic Media經典以使用AEM

  • 對於視訊,Dynamic Media經典內容瀏覽器支援:

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

  • 單一MP4視訊

  • 單一F4V視訊

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

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

  • 不支援FXG和Dynamic Media經典的Flash資產。

從第三個下拉式選單中選取​Dynamic Media經典,瀏覽Dynamic Media經典資產。 如果您尚未設定Dynamic Media經典/整合,Dynamic Media經典不會出現在清單AEM中。

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

chlimage_1-240

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

chlimage_1-241

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

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

搜尋Dynamic Media經典資產與搜尋資產類AEM似,但搜尋時,您實際看到的是Dynamic Media經典系統中資產的遠端檢視,而非直接匯入AEM。

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

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

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

chlimage_1-242

資料夾/路徑 -顯示的資料夾的名稱取決於您選擇的配置。您可以點選資料夾圖示並選取子資料夾,然後點選核取標籤以選取它,以深入探究至較低層級。

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

預設情況下,AEM搜索選定資料夾和所有子資料夾。

chlimage_1-243

資產類型 -選擇「 Dynamic Media 類」以瀏覽「Dynamic Media經典」內容。此選項僅在配置了Dynamic Media經典時可用。

chlimage_1-244

配置 -如果在Cloud Services中定義了多個Dynamic Media經典配 置,則可在此處選擇它。因此,資料夾會根據您選擇的組態而變更。

chlimage_1-245

資產類型 -在Dynamic Media經典瀏覽器中,您可以篩選結果以包含下列任一項:影像、範本、視訊和最適化視訊集。如果您未選取任何資產類型,則預設會AEM搜尋所有資產類型。

chlimage_1-246

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

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

  • 在搜尋最適化視訊集時,您會搜尋資料夾和所有子資料夾,但前提是您已新增關鍵字至搜尋。 如果您尚未新增關鍵字,AEM則不搜尋子資料夾。

發佈狀態 -您可以根據發佈狀態篩選資產: 未發 布或已 發佈。 如果您未選取任何「發 布狀態」,AEM預設會搜尋所有發佈狀態。

chlimage_1-247

本頁內容

Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now