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

注意

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

從Assets手動發佈至Dynamic Media Classic

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

注意

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

從Assets控制台發佈

若要在資產位於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,確認資產可供使用。

    注意

    如果資產不在Dynamic Media Classic同步資料夾中,則兩個功能表中的​發佈至Dynamic Media Classic​都會顯示但停用。

從資產發佈

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

注意

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

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

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

  2. 按兩下以開啟資產。

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

    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. 按一下​Cloud Services > 新增服務 > Dynamic Media Classic(Scene7)

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

    chlimage_1-77

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

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

    注意

    如果數位資產位於CQ目標資料夾中,則沒有顯示「檢查Dynamic Media Classic發佈狀態​**」的連結。**​資產只會放置在元件中。

    chlimage_1-78

  7. 按一下「檢查Dynamic Media Classic發佈狀態」。 如果資產未發佈,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日起,AdobeDynamic Media Classic已正式停止支援Flash檢視器平台。

將Dynamic Media Classic元件新增至頁面

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

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

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

  2. 如果沒有可用的Dynamic Media Classic元件,請按一下sidekick中的尺標以進入​Design​模式,按一下​Edit parsys,然後選取所有​Dynamic Media Classic​元件以使它們可用。

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

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

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

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

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

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

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

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

    注意

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

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

  3. 編輯元件並調整​Dynamic Media Classic Settings​標籤中的斷點。

    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​或重設縮放箭頭,可將影像重新調整為原來匯入的大小。 按一下對角線箭頭,使其成為全螢幕。 按一下​Edit​以設定元件。 使用此元件,您可以配置所有Dynamic Media Classic元件(🔗)通用的設定。

飛出

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

注意

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

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

chlimage_1-81

影像

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

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

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

chlimage_1-82

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

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

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

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

銳利化 — 選取您要如何銳利化影像。「AdobeDynamic Media Classic影像品質與銳利化最佳實務」中會詳細說明銳利化。

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

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

影像範本

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

按一下​Edit​以設定元件。 您可以配置所有Dynamic Media Classic元件🔗的共同設定,以及本節所述的其他設定。

chlimage_1-83

檔案參考、寬度、高度 — 查看所有Dynamic Media Classic元件通用的設定。

注意

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

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

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

chlimage_1-84

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

chlimage_1-85

動態更改文本

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

chlimage_1-86

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

chlimage_1-87

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

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

chlimage_1-88

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

chlimage_1-89

若要讓Dynamic Media Classic影像範本成為連結:

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

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

    chlimage_1-90

  3. 按一下​「確定」

視訊元件

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

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

請參閱Video以取得有關視訊如何搭配Dynamic Media Classic整合運作的詳細資訊。 此外,查看Dynamic Media Classic視訊​元件與基礎 video **元件的比較結果。**

chlimage_1-91

視訊元件的已知限制

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內容瀏覽器的下拉式功能表中選取不同的設定。

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

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

  • 如果您在內容瀏覽器中未看到​Dynamic Media Classic​或​S7​圖示做為選項,則需要設定Dynamic Media Classic以搭配AEM使用。

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

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

  • 單MP4視頻

  • 單一F4V影片

瀏覽傳統UI中的內容

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

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

chlimage_1-92

和資產的內容尋找器一樣,您可以搜尋資產並篩選結果。 不過,與「資產尋找器」不同,在​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內容。只有在您已設定Dynamic Media Classic時,才可使用此選項。

chlimage_1-95

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

chlimage_1-96

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

chlimage_1-97

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

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

chlimage_1-98

本頁內容