Show Menu
主題×

將 Dynamic Media 資產新增至頁面

To add the Dynamic Media functionality to assets you use on your websites, you can add the Dynamic Media or Interactive Media component directly on the page. You do this by entering Design mode and enabling the dynamic media components. 然後,您可以將這些元件新增至頁面,並新增資產至元件。動態媒體和互動式媒體元件是智慧型的——他們知道您要新增影像或視訊,而可用的選項也會隨之改變。
如果您使用AEM做為WCM,請直接將動態媒體資產新增至頁面。
影像地圖可在包裝盒外取得,供轉盤橫幅使用。

新增動態媒體元件至頁面

將動 態媒體 或互動媒 體元件新增至頁面與將元件新增至任何頁面相同。 以下 各節將詳 細說明Dynamic Media 和 Interactive Media元件。
若要將動態媒體元件/檢視器新增至頁面:
  1. 在AEM中,開啟您要新增動態媒體元件的頁面。
  2. 如果沒有可用的動態媒體元件,請按一下 Sidekick 中的尺標以進入 Design 模式,按一下 Edit parsys,然後選取 ​Dynamic Media Parsys,讓動態媒體元件可用。
  3. 按一下 Sidekick中 的鉛筆圖示,返回「編輯 」模式。
  4. Dynamic Media Interactive Media (互動媒體 )元件從側腳中的「其他 」群組拖曳至所需位置的頁面。
  5. 按一下 編輯 ,開啟元件。
  6. 視需要編輯元件 ,然後按一下「 確定 」以儲存變更。

動態媒體元件

動態媒體 和 互動媒體位於 Dynamic Media下的 Sidekick 。 您可將互動 式媒體元件用於任何互動式資產 ,例如互動式視訊、互動式影像或轉盤集。 對於所有其他動態媒體元件,請使 用Dynamic Media 元件。
這些元件預設不可用,在使用之前必須在設計模式中選取。 在「設計」模式中提供元件後 ,您可以像新增其他AEM元件一樣,將元件新增至頁面。

Dynamic Media component

動態媒體元件是智慧型的——視您新增影像或視訊而定,您有各種選項。 此元件支援影像預設集、影像檢視器,例如影像集、回轉集、混合媒體集和視訊。 此外,檢視器回應速度快。 也就是說,螢幕大小會根據螢幕大小自動變更。 所有檢視器都是以HTML5為基礎的檢視器。
當您新增動 態媒體元件 ,且「動態媒體設定 ​」為空白或無法正確新增資產時,請勾選下列項目:
  • 您已啟 用動態媒體 。 動態媒體預設為停用。
  • 該影像具有金字塔tiff檔案。 在啟用動態媒體之前匯入的影像沒有金字塔tiff檔案。

使用影像時

動態 媒體元件可讓您新增動態影像,包括影像集、回轉集和混合媒體集。 您可以放大、縮小,如果適用,則可以在回轉集內旋轉影像,或從其他類型的回轉集選取影像。
您也可以直接在元件中設定檢視器預設集、影像預設集或影像格式。 若要讓影像回應,您可以設定中斷點或套用回應式影像預設集。
按一下元件中的「編輯」,然後按一下「動態媒體設定」標籤,即可編 輯下列 「動態媒體 設定」設定
依預設,動態媒體影像元件是可調式的。If you want to make it a fixed size, set it in the component in the Advanced tab with the Width and Height properties.
檢視器預設 -從下拉式選單中選取現有的檢視器預設。 如果您所尋找的檢視器預設集不可見,您可能需要將它顯示。 請參閱 管理檢視器預設集 。 如果您使用影像預設集,則無法選取檢視器預設集,反之亦然。
如果您要檢視影像集、回轉集或混合媒體集,這是唯一可用的選項。 顯示的檢視器預設集也很聰明——只會顯示相關的檢視器預設集。
影像預設集 -從下拉式選單中選取現有的影像預設集。 如果您要尋找的影像預設集不可見,您可能需要將它顯示。 請參閱 管理影像預設集 。 如果您使用影像預設集,則無法選取檢視器預設集,反之亦然。
如果您正在檢視影像集、回轉集或混合媒體集,則此選項不可用。
影像修飾元 -您可以提供其他影像指令來變更影像效果。 這些說明在「管理 影像預設集 」和「命 令」參考中
如果您正在檢視影像集、回轉集或混合媒體集,則此選項不可用。
中斷點 -如果您在回應式網站上使用此資產,則需要新增頁面中斷點。 影像中斷點必須以逗號(,)分隔。 當影像預設集中未定義高度或寬度時,此選項便可運作。
如果您正在檢視影像集、回轉集或混合媒體集,則此選項不可用。
You can edit the following Advanced Settings by clicking Edit in the component.
標題 -變更影像的標題。
替代文字 -為關閉圖形的使用者新增影像標題。
如果您正在檢視影像集、回轉集或混合媒體集,則此選項不可用。
URL,Open in - You can set an asset from to open a link. 設定 URL 和「開啟於 」,以指出您要在相同視窗或新視窗中開啟。
如果您正在檢視影像集、回轉集或混合媒體集,則此選項不可用。
寬度和高度 -如果希望影像大小固定,請輸入像素值。 將這些值留空可讓資產具適應性。

使用視訊時

使用 Dynamic Media (動態媒體)元件,將動態視訊新增至網頁。 當您編輯元件時,您可以選擇使用預先定義的視訊檢視器預設集來播放頁面上的視訊。
You can edit the following Dynamic Media Settings by clicking Edit in the component.
依預設,動態媒體視訊元件是可調式的。 如果要使其成為固定大小,請在元件中使用「高級」( Advanced )頁籤中的「寬度」( Width )和「高度」( Height )來設定它。
檢視器預設 -從下拉式選單中選取現有的視訊檢視器預設。 如果您所尋找的檢視器預設集不可見,您可能需要將它顯示。 請參閱 管理檢視器預設集
You can edit the following Advanced settings by clicking Edit in the component.
標題 -變更影片標題。
寬度和高度 -如果您希望視訊大小固定,請輸入像素值。 將這些值留空可讓其適應性。

如何傳送安全的視訊

在AEM 6.2中,當您安裝 FP-13480 ,您可以控制視訊是透過安全SSL連線(HTTPS)還是不安全的連線(HTTP)傳送。 依預設,視訊傳送通訊協定會自動從內嵌網頁的通訊協定繼承。 如果網頁是透過HTTPS載入,視訊也會透過HTTPS傳送。 反之亦然,如果網頁位於HTTP上,則視訊會透過HTTP傳送。 在大多數情況下,此預設行為是正確的,無需進行任何配置更改。 不過,您可以附加至URL路徑的結尾或內嵌程式碼片段中 VideoPlayer.ssl=on 其他檢視器設定參數的清單,以覆寫此預設行為,以強制安全傳送視訊。
如需有關保全視訊傳送和使用URL路徑 VideoPlayer.ssl 中設定屬性的詳細資訊,請參閱檢視器參考指 南中的保全視訊傳送 。 除了視訊檢視器外,混合媒體檢視器和互動式視訊檢視器也能提供安全的視訊傳送。

互動式媒體元件

互動式媒體元件適用於這些資產上具有互動功能的熱點或影像地圖。 如果您有互動式影像、互動式視訊或轉盤橫幅,請使用互動式 媒體元件
互 動式媒體 (Interactive Media)元件是智慧型的——視您新增影像或視訊而定,您有各種選項。 此外,檢視器回應速度快。 也就是說,螢幕大小會根據螢幕大小自動變更。 所有檢視器都是以HTML5為基礎的檢視器。
You can edit the following General settings by clicking Edit in the component.
檢視器預設 -從下拉式選單中選取現有的檢視器預設。 如果您所尋找的檢視器預設集不可見,您可能需要將它顯示。 檢視器預設集必須先發佈,才能使用。 請參閱管理檢視器預設集。
標題 -變更影片標題。
寬度和高度 -如果您希望視訊大小固定,請輸入像素值。 將這些值留空可讓其適應性。
You can edit the following [Add To Cart settings by clicking Edit in the component.
顯示產品資產 -依預設,此值會選取。 產品資產會依「商務」模組中的定義,顯示產品的影像。 清除核取標籤,不會顯示產品資產。
顯示產品價格 -依預設,此值會選取。 產品價格顯示「商務」模組中定義的項目價格。 清除勾號以不顯示產品價格。
顯示產品表單 -依預設,此值未選取。 「產品表單」包含任何產品變體,例如尺寸和顏色。 清除勾號,不顯示產品變數。