將Dynamic Media Classic功能新增至頁面 adding-scene-features-to-your-page

CAUTION
AEM 6.4已結束延伸支援,本檔案不再更新。 如需詳細資訊,請參閱 技術支援期. 尋找支援的版本 此處.

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

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

從Assets手動發佈至Dynamic Media Classic manually-publishing-to-scene-from-assets

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

NOTE
AEM會非同步發佈至Dynamic Media Classic。 按一下 發佈,您的資產可能需要數秒的時間才能發佈至Dynamic Media Classic。

從Assets主控台發佈 publishing-from-the-assets-console

若要在資產位於Dynamic Media Classic目標資料夾中時,從Assets控制台發佈至Dynamic Media Classic :

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

  2. 從您要發佈至Dynamic Media Classic的目標資料夾中選取資產(或資產)或資料夾,然後按一下滑鼠右鍵並選取 發佈至Dynamic Media Classic. 或者,您也可以選取 發佈至Dynamic Media Classic 從 工具 功能表。

    chlimage_1-76

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

    note note
    NOTE
    如果資產不在Dynamic Media Classic同步資料夾中, 發佈至Dynamic Media Classic 會顯示,但會停用。

從資產發佈 publishing-from-an-asset

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

NOTE
如果資產未位於Dynamic Media Classic同步資料夾中,則會將連結連結至 發佈至Dynamic Media Classic 無法使用。

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

  1. 在AEM中,按一下 數位資產 存取數位資產管理器。

  2. 按兩下以開啟資產。

  3. 在資產詳細資訊窗格中,選取 發佈至Dynamic Media Classic.

    screen_shot_2012-02-22at34828pm

  4. 連結變更為 正在發佈…… 然後 已發佈. 前往Dynamic Media Classic並確認資產可用。

    note note
    NOTE
    如果資產未正確發佈至Dynamic Media Classic,連結會變更為 發佈失敗. 如果資產已發佈至Dynamic Media Classic,連結會顯示 重新發佈至Dynamic Media Classic. 重新發佈可讓您在AEM中變更資產並重新發佈。

從CQ目標資料夾外部發佈資產 publishing-assets-from-outside-the-cq-target-folder

Adobe建議您只從Dynamic Media Classic Target資料夾內的資產發佈資產至Dynamic Media Classic。 不過,如果您需要從目標資料夾外部的資料夾上傳資產,您仍可將資產上傳至 臨機 資料夾。

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

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

發佈位於CQ目標資料夾以外的資產:

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

  2. 在sidekick中,按一下 頁面 圖示,然後按一下 頁面屬性.

  3. 按一下 Cloud Services > 新增服務 > Dynamic Media Classic(Scene7).

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

    chlimage_1-77

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

  6. 從內容尋找器,將數位資產拖曳至元件。 您會看到連結 檢查Dynamic Media Classic發佈狀態.

    note note
    NOTE
    如果數位資產位於CQ目標資料夾中,則不會連結至 檢查Dynamic Media Classic發佈狀態 框。 資產只會放置在元件中。

    chlimage_1-78

  7. 按一下 檢查Dynamic Media Classic發佈狀態. 如果資產未發佈,AEM會將資產發佈至Dynamic Media Classic。 上傳資產後,資產會位於臨機資料夾中。 依預設,臨機資料夾位於 name_of_the_company/CQ5_adhoc. 您可以 視需要設定此項目.

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

Dynamic Media Classic(Scene7)元件 scene-components

AEM提供下列Dynamic Media Classic元件:

  • 縮放
  • 彈出(縮放)
  • 影像範本
  • 影像
  • 影片
NOTE
預設不提供這些元件,因此需在 設計 模式。

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

Flash檢視器生命週期結束通知 flash-viewers-end-of-life-notice

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

新增Dynamic Media Classic元件至頁面 adding-a-scene-component-to-a-page

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

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

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

  2. 如果沒有可用的Dynamic Media Classic元件,請按一下sidekick中的尺標以輸入 設計 模式,按一下 編輯 parsys,然後選取所有 Dynamic Media Classic 元件以供使用。

  3. 返回 編輯 模式,方法是按一下sidekick中的鉛筆。

  4. 從 Dynamic Media Classic 在sidekick中群組至所需位置中的頁面。

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

  6. 視需要編輯元件,然後按一下 確定 以儲存變更。

新增互動式檢視體驗至回應式網站 adding-interactive-viewing-experiences-to-a-responsive-website

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

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

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

    note note
    NOTE
    如果Dynamic Media Classic WCM元件無法使用,請務必透過**啟用設計 模式。
  2. 在已啟用Dynamic Media Classic元件的網站中,拖曳 影像 檢視器。

  3. 編輯元件並調整 Dynamic Media Classic設定 標籤。

    chlimage_1-79

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

所有Dynamic Media Classic元件的共同設定 settings-common-to-all-scene-components

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

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

您可以連按兩下Dynamic Media Classic元件(例如開啟 縮放 元件:

chlimage_1-80

縮放 zoom

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

資產底部有縮放工具。 按一下 + 放大。 按一下 - 減少。 按一下 x 或者,重置縮放箭頭將影像恢復為導入時的原始大小。 按一下對角線箭頭,使其成為全螢幕。 按一下 編輯 以設定元件。 使用此元件,您可以設定 所有Dynamic Media Classic元件的共同設定.

飛出 flyout

在「HTML5彈出」元件中,資產會顯示為分割畫面;將資產保留在指定大小;顯示縮放部分的右側。 按一下 編輯 以設定元件。 使用此元件,您可以設定 所有Dynamic Media Classic元件的共同設定.

NOTE
如果您的彈出元件使用自訂大小,則會使用該自訂大小,並停用元件的回應式設定。
如果您的彈出元件使用預設大小,如 設計 檢視,則會使用預設大小,元件會延伸以容納頁面配置大小,並啟用元件的回應式設定。 但請注意,元件的回應式設定有其限制。 當您使用具有回應式設定的彈出元件時,不應將其用於完整頁面延伸。 否則,飛出可能會延伸到頁面的右邊。

chlimage_1-81

影像 image

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

標題、替代文字 — 在 進階 頁簽,為影像添加標題,並為那些已關閉圖形的用戶添加alt文本。

URL,在中開啟 — 您可以從設定資產,以開啟連結。 設定 URL 和 在中開啟 以指定要在同一窗口還是新窗口中開啟它。

chlimage_1-82

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

Dynamic Media Classic設定 — 選取您要用來從Dynamic Media Classic發佈系統擷取作用中影像預設集的Scene7設定。

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

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

銳利化 — 選擇要如何銳化影像。 銳利化詳細說明於 Adobe Dynamic Media Classic影像品質和銳利化最佳作法.

URL修飾元 — 您可以提供其他Dynamic Media Classic影像命令來更改影像效果。 這些說明於 管理影像預設集 和 命令參考.

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

影像範本 image-template

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

按一下 編輯 以設定元件。 您可以設定 所有Dynamic Media Classic元件的共同設定 以及本節所述的其他設定。

chlimage_1-83

檔案參考、寬度、高度 — 請參閱所有Dynamic Media Classic元件的共同設定。

NOTE
Dynamic Media Classic URL命令和參數無法直接新增至檔案參考URL。 它們只能在 參數 中。

標題、替代文字 在 Dynamic Media Classic影像範本 頁簽,為影像添加標題,並為那些已關閉圖形的用戶添加alt文本。

URL,在中開啟 您可以從設定資產以開啟連結。 設定 URL 和 在中開啟 指定要在同一窗口中開啟還是在新窗口中開啟。

chlimage_1-84

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

chlimage_1-85

動態變更文字 changing-text-dynamically

若要動態變更文字,請在欄位中輸入新文字,然後按一下 確定. 在此範例中, 價格 現在是50美元,運費是99美分。

chlimage_1-86

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

chlimage_1-87

更改文本以反映客戶端上下文值的值 changing-text-to-reflect-the-value-of-a-client-context-value

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

chlimage_1-88

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

chlimage_1-89

讓Dynamic Media Classic影像範本成為連結的方式:

  1. 在含有Dynamic Media Classic影像範本元件的頁面上,按一下 編輯.

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

    chlimage_1-90

  3. 按一下​ 「確定」。

視訊元件 video-component

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

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

請參閱 影片 以取得有關視訊如何與Dynamic Media Classic整合搭配運作的詳細資訊。 此外,請參閱 the Dynamic Media Classic影片 元件與基礎 影片 元件.

chlimage_1-91

視訊元件的已知限制 known-limitations-for-the-video-component

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

  • Dynamic Media Classic編碼轉譯
  • Dynamic Media Classic最適化視訊集

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

Dynamic Media Classic內容瀏覽器 scene-content-browser

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

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

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

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

  • 如果您沒有看到 Dynamic Media Classic 或 S7 圖示作為內容瀏覽器中的選項,您需要 設定Dynamic Media Classic以搭配AEM使用.

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

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

  • 單MP4視頻

  • 單一F4V影片

瀏覽傳統UI中的內容 browsing-content-in-the-classic-ui

按一下 S7 標籤。

您可以選取設定,以變更要存取的設定。 資料夾會根據您選取的組態而改變。

chlimage_1-92

和資產的內容尋找器一樣,您可以搜尋資產並篩選結果。 不過,不同於「資產尋找器」,在 S7 頁簽,檔案名 開頭為 您輸入的字串,而不是 包含 檔案名稱中的關鍵字。

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

NOTE
若是影片,WCM的Dynamic Media Classic內容瀏覽器支援:
  • 最適化視訊集:容器,以便在多個畫面間順暢播放所需的所有視訊轉譯
  • 單MP4視頻
  • 單一F4V影片

使用內容瀏覽器搜尋Dynamic Media Classic資產 searching-for-scene-assets-with-the-content-browser

搜尋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內容。 只有在您已設定Dynamic Media Classic時,才可使用此選項。

chlimage_1-95

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

chlimage_1-96

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

chlimage_1-97

NOTE
  • 搜尋視訊時,會搜尋單一轉譯。 結果返回原始格式副本(僅*.mp4)和編碼格式副本。
  • 搜尋最適化視訊集時,您會搜尋資料夾和所有子資料夾,但僅限於已新增關鍵字至搜尋時。 如果您尚未新增關鍵字,AEM不會搜尋子資料夾。

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

chlimage_1-98

recommendation-more-help
5955305e-451f-43a0-8168-b6ad4159b4ca