要將動態媒體功能添加到您在網站上使用的資產中,您可以添加 Dynamic Media 或 互動式媒體 元件。 通過進入佈局模式並啟用動態媒體元件,可以執行此操作。 然後,您可以將這些元件新增至頁面,並新增資產至元件。動態媒體和互動式媒體元件是智慧的 — 它們知道您是添加影像還是添加視頻,可用選項也會相應更改。
如果將動態媒體資產用作WCM,則直接將AEM其添加到頁面。 如果您使用協力廠商來處理WCM,請連結 或 內嵌資 產。如需多方互動網站,請參閱將最佳化 的影像傳送至多方互動網站。
必須先發佈資產,然後才能將其添加到中的AEM頁面。 請參閱 出版Dynamic Media資產。
將Dynamic Media元件添加到頁面與將元件添加到任何頁面相同。 以下各節詳細介紹了Dynamic Media的構成部分。
如果網頁上有一個具有只讀權限的用戶訪問的Dynamic Media元件,則分頁符和元件無法正確呈現。 原因是重構頁面,以確保元件的屬性良好,並且任何引用的資產和配置都可訪問。 然後再次呈現頁面,導致元件中斷;由於用戶的只讀訪問,無法重新呈現頁面上的相應元件代碼。
為避免此問題,請確保AEM Sites用戶擁有訪問資產的必要權限。
在AEM中,開啟要添加Dynamic Media元件的頁面。
在頁面左側的面板中(您可能需要切換側面板的顯示),按一下 元件 表徵圖
在 元件 標題,在下拉清單中,選擇 Dynamic Media。 如果沒有可用的Dynamic Media元件清單,則可能需要啟用要使用的Dynamic Media元件。 請參閱 啟用Dynamic Media元件。
將要使用的Dynamic Media元件拖到所需位置的頁面上。
將滑鼠指針直接懸停在元件上。 當元件被藍色框包圍時,點擊一次以顯示元件的工具欄。 點擊 配置 (扳手)表徵圖。
編輯元件 根據需要,按一下複選標籤以保存更改。
如果沒有可添加到頁面的Dynamic Media元件,可能意味著您需要首先啟用要使用的元件。
在AEM中,開啟要添加Dynamic Media元件的頁面。
在工具欄左側靠近頁面頂部的位置,按一下「Page Information(頁面資訊)」表徵圖,然後按一下 編輯模板 從下拉清單中。
在靠近頁面頂部的工具欄右側,從下拉清單中按一下 結構。
在頁面底部附近,點擊 佈局容器 開啟其工具欄,然後按一下「策略」表徵圖。
在 佈局容器 的子菜單。 屬性 航向,確保 允許的元件 的子菜單。
滾動直到您看到 Dynamic Media。
按一下左側的>表徵圖 Dynamic Media 要展開清單,請選擇要啟用的Dynamic Media元件。
靠近 佈局容器 的子菜單。
在靠近頁面頂部的工具欄右側,從下拉清單中按一下 初始內容,則 將Dynamic Media元件添加到頁面 像往常一樣。
您可以通過以下兩種方式之一來本地化Dynamic Media元件:
在「網站」的網頁中,開啟「屬 性 」並選 取「進階 」標籤。選擇所要的本地化語言。
從站點選擇器中,選擇所需的頁或頁組。 點擊 屬性 的 高級 頁籤。 選擇所要的本地化語言。
請注意,並非所有語言都可在 語言 當前已分配令牌。
Dynamic Media和互動媒體可在 Dynamic Media 頁籤 元件。 使用 互動式媒體 用於任何互動式資產(如互動式視頻、互動式影像或旋轉盤集)的元件。 對於所有其它動態介質元件,使用Dynamic Media元件。
預設情況下,這些元件不可用,在使用之前需要通過模板編輯器使用。 在它們可用後 在模板編輯器中,可以像添加任何其他元件一樣將元件添加AEM到頁面。
Dynamic Media元件是智慧的 — 根據您是添加影像還是添加視頻,您有各種選項。 該元件支援影像預設、基於影像的查看器,如影像集、旋轉集、混合媒體集和視頻。 此外,觀看者是響應的。 即,螢幕大小根據螢幕大小自動更改。 所有觀眾都是HTML五觀眾。
如果在具有只讀權限的用戶訪問的網頁上存在Dynamic Media元件、交互媒體元件或兩者,則分頁符和元件將無法正確呈現。 原因是重構頁面,以確保元件的屬性良好,並且任何引用的資產和配置都可訪問。 然後再次呈現頁面,導致元件中斷;由於用戶的只讀訪問,無法重新呈現頁面上的相應元件代碼。
為避免此問題,請確保AEM Sites用戶擁有訪問資產的必要權限。
添加Dynamic Media元件時 Dynamic Media設定 為空或無法正確添加資產,請檢查以下內容:
Dynamic Media元件允許您添加動態映像,包括映像集、旋轉集和混合媒體集。 您可以放大、縮小,如果適用,可以在旋轉集內旋轉影像或從另一類型的集合中選擇影像。
您也可以直接在元件中配置查看器預設、影像預設或影像格式。 要使影像響應,可以設定斷點或應用響應影像預設。
必須通過按一下 編輯 表徵圖 Dynamic Media設定。
依預設,動態媒體影像元件是可調式的。如果要將其設定為固定大小,請在 高級 頁籤 寬度 和 高度 的子菜單。
查看器預設
從下拉菜單中選擇現有查看器預設。 如果您要查找的查看器預設不可見,則可能需要使其可見。 請參閱管理查看器預設。 如果使用影像預設,則不能選擇查看器預設,反之亦然。
如果查看影像集、旋轉集或混合媒體集,則此選項是唯一可用的選項。 顯示的查看器預設也是智慧的 — 只顯示相關的查看器預設。
查看器修飾符
查看器修飾符採用帶有&分隔符的name=value對的形式,並允許您更改查看器,如查看器參考指南中所述。 查看器修飾符的示例是後驗影像=img.jpg&caption=text.vtt,1,它為視頻縮略圖設定不同的影像並將隱藏的字幕/字幕檔案與視頻相關聯。
影像預設
從下拉菜單中選擇現有影像預設。 如果您要查找的影像預設不可見,則可能需要使其可見。 請參閱管理影像預設。 如果使用影像預設,則不能選擇查看器預設,反之亦然。
如果您正在查看映像集、旋轉集或混合媒體集,則此選項不可用。
影像修飾符
可以通過提供附加影像命令來應用影像效果。 這些內容在「影像預設」和「影像服務命令」參考中介紹。
如果您正在查看映像集、旋轉集或混合媒體集,則此選項不可用。
斷點
如果在響應站點上使用此資產,則需要添加影像斷點。 影像斷點需要用逗號(,)分隔。 當影像預設中沒有定義高度或寬度時,此選項有效。
如果您正在查看映像集、旋轉集或混合媒體集,則此選項不可用。
通過按一下 編輯 的子菜單。
標題
更改影像的標題。
替代文字
為已關閉圖形的用戶添加影像標題。
如果您正在查看映像集、旋轉集或混合媒體集,則此選項不可用。
URL,在中開啟
您可以設定資產以開啟連結。 設定URL,在「開啟」(Open)中,指明希望在同一窗口或新窗口中開啟它。
如果您正在查看映像集、旋轉集或混合媒體集,則此選項不可用。
寬度 和 高度
如果希望影像為固定大小,請以像素為單位輸入值。 將這些值留空可使資產具有自適應性。
使用Dynamic Media元件將動態視頻添加到網頁。 編輯元件時,您可以選擇使用預定義的視頻查看器預設在頁面上播放視頻。
必須通過按一下以下Dynamic Media設定來編輯 編輯 的子菜單。
預設情況下,Dynamic Media視頻元件是自適應的。 如果要將其設定為固定大小,請在元件中 寬度 和 高度 的 高級 頁籤。
查看器預設
從下拉菜單中選擇現有視頻查看器預設。 如果您要查找的查看器預設不可見,則可能需要使其可見。 請參閱管理查看器預設。
查看器修飾符
查看器修飾符採用帶有&分隔符的name=value對的形式,並允許您更改查看器,如《Adobe查看器參考指南》中所述。 查看器修飾符的示例是後驗影像=img.jpg&caption=text.vtt,1
例如,使用查看器修飾符,可以執行以下操作:
可以編輯以下內容 高級設定 按一下 編輯 的子菜單。
標題
更改視頻的標題。
寬度 和 高度
如果希望視頻大小固定,請輸入以像素為單位的值。 將這些值留空可使其適應。
使用Dynamic Media元件將Smart Crop映像資產添加到網頁。 編輯元件時,您可以選擇使用預定義的視頻查看器預設在頁面上播放視頻。
另請參閱 影像配置檔案。
可以編輯以下內容 Dynamic Media設定 按一下 編輯 的子菜單。
依預設,動態媒體影像元件是可調式的。如果要使其成為固定大小,請在「高級」( Advanced )頁籤的元件中使用「寬度」( Width)和「高度」(Height )設定它 。
可以編輯以下內容 高級 按一下 編輯 的子菜單。
標題
更改Smart Crop影像的標題。
替代文字
為關閉圖形的用戶添加智慧裁剪影像的標題。
如果您正在查看映像集、旋轉集或混合媒體集,則此選項不可用。
URL,在中開啟
您可以設定資產以開啟連結。 設定URL,在「開啟」(Open)中,指明希望在同一窗口或新窗口中開啟它。
如果您正在查看映像集、旋轉集或混合媒體集,則此選項不可用。
高度 和 寬度
如果希望智慧裁剪影像具有固定大小,請以像素為單位輸入值。 將這些值留空可使其適應。
互動式媒體元件用於那些具有交互性的資產,例如熱點或影像映射。 如果您有互動式影像、互動式視頻或旋轉播放橫幅,請使用互動式媒體元件。
互動式媒體元件是智慧的 — 根據您是添加影像還是添加視頻,您有各種選項。 此外,查看器會響應 — 螢幕大小會根據螢幕大小自動改變。 所有觀眾都是HTML五觀眾。
如果在具有只讀權限的用戶訪問的網頁上存在Dynamic Media元件、交互媒體元件或兩者,則分頁符和元件將無法正確呈現。 原因是重構頁面,以確保元件的屬性良好,並且任何引用的資產和配置都可訪問。 然後再次呈現頁面,導致元件中斷;由於用戶的只讀訪問,無法重新呈現頁面上的相應元件代碼。
為避免此問題,請確保AEM Sites用戶擁有訪問資產的必要權限。
可以編輯以下內容 常規 按一下 編輯 的子菜單。
查看器預設
從下拉菜單中選擇現有查看器預設。 如果您要查找的查看器預設不可見,則可能需要使其可見。 必須先發佈查看器預設,然後才能使用它們。 請參閱管理查看器預設。
標題
更改視頻的標題。
寬度 和 高度
如果希望視頻大小固定,請輸入以像素為單位的值。 將這些值留空可使其適應。
可以編輯以下內容 添加到購物車 按一下 編輯 的子菜單。
顯示產品資產
預設情況下,此值處於選中狀態。 產品資產顯示在「商務」模組中定義的產品影像。 清除複選標籤以不顯示產品資產。
顯示產品價格
預設情況下,此值處於選中狀態。 產品價格顯示在「商務」模組中定義的物料價格。 清除複選標籤以不顯示產品價格。
顯示產品窗體
預設情況下,未選擇此值。 「產品表單」包括任何產品變型,如尺寸和顏色。 清除複選標籤以不顯示產品變型。
全景媒體元件用於那些球面全景影像的資產。 這些影像提供房間、房產、位置或景觀的360°觀看體驗。 要使影像符合為球形全景圖,它必須具有以下一個或兩個:
縱橫比和關鍵字條件都適用於資產詳細資訊頁面和「全景媒體」 WCM元件的全景資產。
可通過點擊來編輯以下設定 配置 的子菜單。
如果您要查找的查看器預設不可見,請檢查以確保已發佈。 必須先發佈查看器預設,然後才能使用它們。 請參閱 管理查看器預設。
HTTP/2是新的、更新的Web協定,它改進了瀏覽器和伺服器的通信方式。 它提供了更快的資訊傳輸,並減少了所需的處理能力。 Dynamic Media資產的交付現在可以通過HTTP/2,從而提供更好的響應和載入時間。
請參閱 HTTP2內容傳遞 有關使用HTTP/2和您的Dynamic Media帳戶入門的完整詳細資訊。