將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使用視訊元件的詳細資訊,請參閱Video

注意

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

從資產手動發佈至Dynamic Media Classic

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

注意

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

Dynamic Media Classic元件

AEM提供下列Dynamic Media Classic元件:

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

預設不提供這些元件,在使用前需要在​Design​模式中選取這些元件。

在​Design​模式中使用元件後,您可以像其他任何AEM元件一樣將元件新增至頁面。 如果是在同步的資料夾、頁面上或使用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. 在AEM中,開啟您要新增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. 登入AEM,並確認您已設定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​或重設縮放箭頭,可將影像重新調整為原始大小,如此匯入。 點選對角線箭頭,使其成為全螢幕。 點選​編輯​以設定元件。 使用此元件,可以配置所有Dynamic Media Classic元件🔗共同的設定。

chlimage_1-227

飛出

在HTML5 Flyout​元件中,資產會以分割畫面顯示;將資產保留在指定大小;顯示縮放部分的右側。 點選​編輯​以設定元件。 使用此元件,您可以配置所有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​元件與AEM中具有特殊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內容,其中內容和屬性已參數化,因而可變性。影像範本​元件可讓您匯入影像,並在AEM中動態變更文字。 此外,您可以設定​影像範本​元件,以使用用戶端內容的值,讓每位使用者都能以個人化的方式體驗影像。

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

chlimage_1-231

  • 檔案參考、寬度、高
    度請參閱所有Dynamic Media Classic元件通用的設定。

    注意

    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. 點選​確定

視訊元件

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內容瀏覽器可讓您直接在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中瀏覽內容

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

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

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

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

chlimage_1-240

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

chlimage_1-241

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

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

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

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

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

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

chlimage_1-242

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

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

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

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

chlimage_1-246

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

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

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

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

chlimage_1-248

本頁內容