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

Adobe Dynamic 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使用視訊元件的詳細資訊,請參閱下列:

注意

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

從Assets手動發佈至Dynamic Media Classic

您可以從傳統UI的「資產」主控台或直接從資產發佈數位資產至Dynamic Media Classic。

注意

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

從Assets主控台發佈

若要從「資產」主控台發佈至「動態媒體經典」(Dynamic Media Classic)目標資料夾中的資產:

  1. 在AEM傳統UI中,按一下「數位資產」以存取數位資產管理員。

  2. 從您要發佈至Dynamic Media Classic的目標資料夾中選取資產(或資產)或資料夾,然後按一下滑鼠右鍵,然後選取「發佈至Dynamic Media Classic」][​或者,您也可以從​工具​選單選擇「發佈至動態媒體經典」。

    chlimage_1-76

  3. 前往Dynamic Media Classic並確認資產已可用。

    注意

    如果資產不在Dynamic Media Classic同步化資料夾中,則兩個選單中的「發佈至Dynamic Media Classic」(發佈至Dynamic Media Classic)會顯示但停用。

從資產發佈

只要資產位於同步化的Dynamic Media Classic資料夾內,您就可以手動發佈資產。

注意

如果資產未位於Dynamic Media Classic同步化資料夾中,則無法使用「發佈至Dynamic Media Classic」(發佈至Dynamic Media Classic)的連結。

若要直接從數位資產發佈至Dynamic Media Classic:

  1. 在AEM中,按一下「數位資產」以存取數位資產管理員。

  2. 按兩下以開啟資產。

  3. 在資產詳細資訊窗格中,選取「發佈至動態媒體傳統型」

    screen_shot_2012-02-22at34828pm

  4. 連結會變更為「發佈……」],然後​Published[​前往Dynamic Media Classic並確認資產已可用。

    注意

    如果資產未正確發佈至Dynamic Media Classic,連結會變更為​Publishing Failed。 如果資產已發佈至Dynamic Media Classic,連結會讀取​重新發佈至Dynamic Media Classic。 重新發佈可讓您在AEM中變更資產並重新發佈。

從CQ目標資料夾外部發佈資產

Adobe建議您僅從Dynamic Media Classic目標資料夾中的資產,將資產發佈至Dynamic Media Classic。 不過,如果您需要從目標資料夾外的資料夾上傳資產,您仍可將資產上傳至Dynamic Media Classic上的​ad-hoc​資料夾。

若要這麼做,請為資產將出現的頁面設定雲端設定。 然後,您可將Dynamic Media Classic元件新增至頁面,並在元件上拖放資產。 為該頁面設定頁面屬性後,會出現​發佈至Dynamic Media Classic​連結,當選取觸發器上傳至Dynamic Media Classic時會顯示此連結。

注意

臨機資料夾中的資產不會顯示在Dynamic Media Classic內容瀏覽器中。

若要發佈駐留在CQ目標資料夾以外的資產:

  1. 在傳統UI的AEM中,按一下「網站」,並導覽至您要新增數位資產至尚未發佈至Dynamic Media Classic的網頁。 (套用一般頁面繼承規則)。

  2. 在sidekick中,按一下​Page​圖示,然後按一下​Page Properties

  3. 按一下「雲端服務 > 新增服務 > 動態媒體經典(Scene7)」。

  4. 在「Adobe Dynamic Media Classic」下拉式清單中,選取所要的設定,然後按一下「確定」。

    chlimage_1-77

  5. 在網頁上,將Dynamic Media Classic(Scene7)元件新增至頁面上所需的位置。

  6. 從內容搜尋器,將數位資產拖曳至元件。 您會看到「檢查動態媒體經典出版物狀態​]」的連結。[

    注意

    如果數位資產位於CQ目標資料夾中,則不會顯示「檢查動態媒體經典出版物狀態​]」的連結。[​資產只會放在元件中。

    chlimage_1-78

  7. 按一下「檢查動態媒體經典出版物狀態」。 如果資產未發佈,AEM會將資產發佈至Dynamic Media Classic。 上傳資產後,資產就會位於臨機資料夾中。 根據預設,臨機資料夾位於name_of_the_company/CQ5_adhoc中。 如果需要,您可以配置此選項。

    注意

    如果資產不在Dynamic Media Classic同步化資料夾中,且目前頁面沒有關聯的Dynamic Media Classic雲端設定,上傳將會失敗。

Dynamic Media Classic(Scene7)元件

AEM提供下列Dynamic Media Classic元件:

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

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

在​Design​模式中提供這些元件後,您就可以像其他AEM元件一樣,將元件新增至您的頁面。 尚未發佈至Dynamic Media Classic的資產會發佈至Dynamic Media Classic(位於同步化資料夾、頁面或Dynamic Media Classic雲端組態)。

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

自2017年1月31日起,Adobe Dynamic Media Classic正式終止對Flash檢視器平台的支援。

將Dynamic Media Classic元件新增至頁面

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

若要將Dynamic Media Classic元件/檢視器新增至傳統UI中的頁面:

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

  2. 如果沒有可用的動態媒體經典元件,請按一下側點中的尺標以進入​Design​模式,按一下「編輯​parsys」,然後選取所有​[!UICONTROL Dynamic Media Classic]​元件,讓它們可用。

  3. 按一下側鍵中的鉛筆,返回​編輯​模式。

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

  5. 按一下​編輯​以開啟元件。

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

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

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

若要在傳統UI中將互動式檢視體驗新增至互動式網站:

  1. 登入AEM,並確定您已設定 Adobe Dynamic Media Classic Cloud Services,且Dynamic Media Classic元件已可供使用。

    注意

    如果Dynamic Media Classic WCM元件不可用,請務必透過​**Design模式加以啟用。

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

  3. 編輯元件並調整​動態媒體經典設定​標籤中的中斷點。

    chlimage_1-79

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

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

雖然配置選項不同,但是所有Dynamic Media Classic元件都有下列通用選項:

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

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

chlimage_1-80

縮放

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

資產底部有縮放工具。 按一下​+​放大。 按一下​-​以減少。 按一下​x​或重設縮放箭頭,將影像重新調回原本匯入的大小。 按一下對角線箭頭,讓它成為全螢幕。 按一下​編輯​配置元件。 使用此元件,可以配置所有Dynamic Media Classic元件](#settings-common-to-all-scene-components)的常用設定。[

彈出

在HTML5 Flyout元件中,資產顯示為分割畫面;將資產保留在指定的大小;右側顯示縮放部分。 按一下​編輯​配置元件。 使用此元件,可以配置所有Dynamic Media Classic元件](/docs/experience-manager-64/administering/integration/scene7.html?lang=zh-Hant#settingscommontoalldynamicmediaclassiccomponents)的常用設定。[

注意

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

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

chlimage_1-81

影像

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

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

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

chlimage_1-82

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

Dynamic Media Classic Configuration —— 選取您要用來從Scene7 Publishing System擷取作用中影像預設集的Dynamic Media Classic組態。

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

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

銳利化 -選擇影像銳利化的方式。銳利化在​Adobe Dynamic Media Classic Image Quality and Sharpening Best Practices​中詳細說明。

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

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

影像範本

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

按一下​編輯​配置元件。 您可以設定所有Dynamic Media Classic元件的常用設定,以及本節所述的其他設定。

chlimage_1-83

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

注意

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

標題、替代文 字在「動態媒 體經典影像範本」標 簽中,為影像新增標題,並為關閉圖形的使用者新增替代文字。

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

chlimage_1-84

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

chlimage_1-85

動態變更文字

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

chlimage_1-86

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

chlimage_1-87

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

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

chlimage_1-88

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

chlimage_1-89

若要將Dynamic Media Classic影像範本設為連結:

  1. 在具有Dynamic Media Classic映像模板元件的頁面上,按一下​編輯

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

    chlimage_1-90

  3. 按一下​「確定」

視訊元件

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

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

如需有關視訊如何與Dynamic Media Classic整合的詳細資訊,請參閱Video。 此外,查看​Dynamic Media Classic視訊​元件與基礎​視訊​元件](/docs/experience-manager-64/classic-ui/assets/manage-assets-classic-s7-video.html?lang=zh-Hant)的比較。[

chlimage_1-91

視訊元件的已知限制

Adobe DAM和WCM會顯示是否上傳主影片。 它們不會顯示下列代理資產:

  • 動態媒體經典編碼轉譯
  • 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中的內容

按一下​S7​標籤,瀏覽Dynamic Media Classic中的內容。

通過選擇配置,可以更改要訪問的配置。 資料夾會依您選取的組態而改變。

chlimage_1-92

和資產的內容搜尋器一樣,您可以搜尋資產並篩選結果。 但是,與Assets finder不同,在​S7​標籤中輸入關鍵字時,檔案名稱​以您輸入的字串​開頭,而不是以檔案名稱中包含​關鍵字的​開頭。

依預設,資產會依檔案名稱顯示。 您也可以依資產類型篩選結果。

注意

對於視訊,WCM的Dynamic Media Classic內容瀏覽器支援:

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

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

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

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

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

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

chlimage_1-93

資料夾/路徑 -顯示的資料夾的名稱取決於您選擇的配置。您可以按一下資料夾圖示並選取子資料夾,然後按一下核取標籤以選取,以深入檢視下層。

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

依預設,AEM會搜尋選取的檔案夾和所有子檔案夾。

chlimage_1-94

資產類型選 取「動態媒體經典」以瀏覽Dynamic Media Classic內容。只有在您已設定Dynamic Media Classic時,才可使用此選項。

chlimage_1-95

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

chlimage_1-96

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

chlimage_1-97

注意
  • 搜尋視訊時,您會搜尋單一轉譯。 結果會傳回原始轉譯(僅*.mp4)和編碼轉譯。
  • 在搜尋最適化視訊集時,您會搜尋資料夾和所有子資料夾,但前提是您已新增關鍵字至搜尋。 如果您尚未新增關鍵字,AEM不會搜尋子資料夾。

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

chlimage_1-98

本頁內容

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free