管理檢視器預設集 managing-viewer-presets
檢視器預設集是一組設定,可決定使用者在其電腦熒幕和行動裝置上檢視多媒體資產的方式。 如果您是管理員,可以建立檢視器預設集。 設定可供一系列檢視器組態選項使用。 例如,您可以變更檢視器的顯示大小或縮放行為。
另請參閱Dynamic Media檢視器參考指南。
本節說明如何建立、編輯及管理檢視器預設集。 您可以隨時將檢視器預設集套用至資產,進行預覽。 請參閱套用檢視器預設集。
檢視器的鍵盤協助工具 keyboard-accessibility-for-viewers
所有現成的檢視器都支援鍵盤協助工具。
另請參閱鍵盤協助工具與導覽。
管理檢視器預設集 managing-viewer-presets-1
您可以導覽至 工具 (槌子圖示) > Adobe Experience Manager > 檢視器預設集,在Assets中新增、編輯、刪除、發佈、取消發佈和預覽檢視器預設集。
檢視器支援回應式設計的網頁 viewer-support-for-responsive-designed-web-pages
不同的網頁有不同的需求。 例如,有時您會想要網頁提供連結,在個別瀏覽器視窗中開啟HTML5檢視器。 在其他情況下,必須直接將HTML5檢視器內嵌在託管頁面上。 在後一種情況下,網頁會具有靜態配置。 或是「回應式」功能,且在不同裝置或不同瀏覽器視窗大小中顯示的方式有所不同。 為因應這些需求,Dynamic Media隨附的所有預先定義、現成可用的HTML5檢視器都支援靜態網頁和回應式設計網頁。
請參閱 Dynamic Media影像提供與轉譯API說明 中的回應式靜態影像庫,以取得有關如何將回應式檢視器內嵌至網頁的詳細資訊。
請參閱Publish檢視器預設集。
檢視器預設集系統相容性 viewer-preset-system-compatibility
Dynamic Media隨附的所有現成可用的檢視器預設集都與下列系統完全相容:
- 桌上型
- Apple iPhone
- Apple iPad
- Android™智慧型手機
- Android™平板電腦
檢視器預設集的豐富媒體型別 rich-media-types-for-viewer-presets
管理員可在建立檢視器預設集時新增及自訂下列多媒體型別。
現成可用的檢視器預設集清單 list-of-out-of-the-box-viewer-presets
下表列出Dynamic Media隨附的所有預先定義、現成可用的檢視器預設集。
另請參閱即時示範。
如需有關檢視器支援的網頁瀏覽器和作業系統版本的資訊,您可以檢閱「檢視器發行說明」。
請參閱檢視器參考指南目錄中的「檢視器發行說明」。
支援的行動檢視器手勢矩陣 supported-mobile-viewers-gestures-matrix
下表列出iOS、Android™ 2.x和Android™ 3.x裝置支援的行動檢視器手勢。
增加顯示的檢視器預設集數目 increasing-the-number-of-viewer-presets-that-display
從 詳細資料檢視 > 檢視器 檢視資產時,Experience Manager會顯示各種檢視器預設集。 您可以增加或減少顯示的檢視器數目。
若要增加顯示的檢視器預設集數目:
-
瀏覽至CRXDE Lite(https://localhost:4502/crx/de)。
-
瀏覽至
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist
上的檢視器預設集清單節點 -
在 limit 屬性中,將預設設 定為15的值變更為所要的數字。
-
瀏覽至
/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource
的檢視器預設集資料來源 -
在limit屬性中,將數字變更為所要的數字,例如
{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}
-
選取 全部儲存。
建立檢視器預設集 creating-a-new-viewer-preset
建立檢視器預設集可讓您套用各種設定來檢視資產並與之互動。 不過,您不需要建立檢視器預設集。 您也可以選擇使用Experience Manager Assets隨附的預設現成檢視器預設集。
如果您選擇建立檢視器預設集,在儲存之後,檢視器狀態會在「檢視器預設集」頁面中自動啟動(設定為 開啟)。 此狀態表示只要您預覽影像或視訊,都可在Dynamic Media元件和互動媒體元件中看到。
有些檢視器預設集具有可影響檢視器使用和整體行為的獨佔設定。 根據您建立的檢視器預設集,您想要瞭解這些特殊考量事項。
請參閱建立互動式檢視器預設集的特殊考量。
請參閱建立Carousel Banner Viewer預設集的特殊考量。
若要建立檢視器預設集:
-
在Experience Manager的左上角,選取Experience Manager標誌,然後在左側導軌中,移至 工具 (槌子圖示) > Assets > 檢視器預設集。
-
在「檢視器預設集」頁面的工具列上,選取「建立」。
-
在 新檢視器預設集 對話方塊的 預設集名稱 欄位中,輸入新預設集的名稱。 請謹慎選擇名稱 — 在您選取 建立 後,這些名稱就無法編輯。
當您稍後在這些步驟中儲存預設集時,該名稱會顯示在「預設集標題」欄標題下的「檢視器預設集」頁面上。
-
在「多媒體型別」下拉式功能表中,選取您要建立的檢視器預設集型別,然後在頁面的右上角,選取「建立」。
檢視檢視器預設集的多媒體型別。
-
在「檢視器預設集編輯器」頁面上,選取「外觀」標籤。
-
執行下列任一項作業:
-
在 選取的型別 下拉式功能表中,選取您要自訂其視覺設計的元件。 或者,您可以在檢視器中選取任何視覺元素,以選取它進行設定。
視覺化編輯器可讓您檢視特定屬性對樣式有何影響。 使用編輯器左側的範例來設定或調整任何屬性,以立即看到其對檢視器產生的影響。
每種檢視器預設集型別的CSS樣式屬性在檢視器參考指南的「自訂
<viewer name>
檢視器」說明主題中有所說明。 例如,如果您正在建立Mixed_Media
型別的檢視器預設集,請參閱自訂混合媒體檢視器,以取得每個屬性的清單和說明。 -
如果您已在個別的CSS檔案中定義樣式設定,則可將CSS檔案上傳至Experience Manager Assets。 若要尋找已上傳的CSS檔案並將其與檢視器預設集建立關聯,請選取 選取型別 下拉式選單下方的 匯入CSS (如有必要,請向上捲動視覺編輯器以檢視它)。
匯入CSS檔案時,視覺編輯器會檢查CSS是否使用正確的檢視器標籤。 例如,如果您要建立縮放檢視器,所有您匯入的CSS規則必須使用父檢視器元素上定義的檢視器類別名稱
.s7mixedmediaviewer
來定義。只要為指定檢視器正確定義CSS標籤,您就可以匯入任意的手工製作CSS。 (檢視器參考指南的任何「自訂 <檢視器名稱> 檢視器」說明主題中都會說明CSS標籤。 例如,如果您想要閱讀有關縮放檢視器的CSS標籤,請參閱自訂縮放檢視器。 但是,視覺化編輯器可能並不瞭解某些CSS值。 在這種情況下,視覺化編輯器會嘗試覆寫錯誤,讓CSS仍可運作。
note note NOTE 如果您偏好直接以原始格式編輯CSS,請選取[選取型別]下拉式選單下方的[顯示/隱藏CSS] (如有必要,請向上捲動視覺編輯器以檢視它)。
如同視覺化編輯器,當您直接在CSS中變更屬性時,可立即看到其對檢視器範例有何影響。 同時,該屬性也會在視覺化編輯器中自動更新。 因此,您可以使用原始CSS編輯器或視覺化編輯器,或可互換使用兩者。note note NOTE 對於按鈕圖稿,請選擇2x影像並上傳高解析度圖稿。 使用互動式影像和可購物橫幅時,您也可以選取各種現成的熱點按鈕。 -
-
(選擇性)在[編輯檢視器預設集]頁面頂端附近,選取 Desktop、Tablet 或 Phone,為不同的裝置和熒幕型別唯一定義視覺樣式。
-
在[檢視器預設集編輯器]頁面上,選取 行為 標籤。 或者,您可以在檢視器中選取任何視覺元素,以選取它進行設定。
例如,對於 VideoPlayer 型別,在 修飾元 > 播放 底下,您可以從下列三個最適化位元速率串流選項中選取:-
虛線 — 視訊資料流僅以DASH顯示。 不過,在Safari/iOS裝置上,您必須選取 hls 做為型別。
-
hls — 視訊資料流僅以HLS形式。
-
auto — 最佳實務。 建立DASH和HLS串流已最佳化儲存。 因此,Adobe建議您一律選取 auto 作為播放型別。 影片以虛線、hls或漸進式方式串流,如下所示:
- 如果瀏覽器支援DASH,則會先使用DASH串流。
- 如果瀏覽器不支援DASH,則會使用HLS資料流(第二)。
- 如果瀏覽器不支援DASH或HLS,最後會使用漸進式播放。
note note NOTE 若要檢視並使用 破折號 選項,必須先由您帳戶上的Adobe技術支援啟用。 請參閱在您的帳戶上啟用DASH。 -
-
從「選 定類型 」(Selected Type)下拉菜單中,選擇要更改其行為的元件。
視覺化編輯器中的許多元件都有與之相關的詳細說明。 展開元件以顯示其相關引數時,這些說明會顯示在藍色方塊中。
有些檢視器類型具有可讓您在「 IS Command」 (IS命令) 文字欄位中指定「Image Serving 」 (影像伺服) 命令的元件。如需您可使用的指令清單,請參 閱影像伺服API參考。
note note NOTE 如果您使用觸控裝置,例如手機或平板電腦…… 在文字欄位中輸入值後,選取使用者介面中的其他位置以提交變更並關閉虛擬鍵盤。 如果您選取 Enter,則不會發生任何動作。 -
在頁面的右上角附近,選取 儲存。
-
Publish您的新檢視器預設集。 您必須發佈預設集,才能在網站上使用其產生的URL。
請參閱發佈檢視器預設集。
note important IMPORTANT 針對使用最適化位元速率串流設定檔的舊視訊,URL會繼續如常播放(使用HLS串流),直到您重新處理視訊資產為止。 重新處理之後,相同的URL仍可繼續運作,但現在已啟用 同時 DASH和HLS串流。
建立互動式檢視器預設集的特殊考量事項 special-considerations-for-creating-an-interactive-viewer-preset
關於面板中影像縮圖的顯示模式:
當您建立或編輯互動式視訊檢視器預設集時,可以選擇要使用的顯示模式設定。 當您從 行為 標籤下的 選取的元件 下拉式功能表選取InteractiveSwatches
時,就會發生這個選擇。 您選擇的「顯示」模式會影響縮圖在視訊播放時的顯示方式和時間。 您可以選擇「顯 segment
示」模式 (預設) 或「顯 continuous
示」模式。
關於互動式視訊檢視器中的自動捲動行為:
互動式視訊檢視器中的縮圖自動捲動行為不受您選擇之顯示模式影響。
當您建立或編輯互動式視訊檢視器預設集時,可從「行為」標籤存取「自動捲動」。在[行為]索引標籤中,從 選取的元件 下拉式功能表中選取 InteractiveSwatches。 「自動捲動」(Auto Scroll)複選框列在「IS命令」(IS Command)文本欄位下。
如果您在檢視器預設集中停用「自動捲動 」 (清除核取方塊),當使用者播放視訊時,面板只會顯示整個視訊長度的第一個縮圖影像。不過,使用者可視需要使用向上和向下箭頭圖示手動捲動縮圖。
當您在檢視器預設集中啟用 (選取) 「自動捲動 」時,在視訊播放期間,指派給視訊區段的縮圖影像會在區段開始時捲動至檢視中。但是,有些例項會顯示區段中某些縮圖的長度,是其前後縮圖的兩倍。發生此行為是因為區段中的縮圖數目大於面板中顯示的數目,且不可平均分割。
舉例說明,假設您有一個30秒的視訊區段。 此外,30秒內總共會顯示九張縮圖。 您瀏覽器的大小調整方式,使顯示面板中有四個可見的縮圖位置。 30秒的視訊時間區段分為三個子區段。 下表顯示指定時間子區段顯示之縮圖的劃分:
視訊子區段3的延伸範圍不會超出指派給它的縮圖。 也請注意,在面板中顯示的縮圖4、6和7比其他縮圖長兩倍。
檢視器根據可用位置數量,用於面板中顯示縮圖的邏輯如下:
-
子區段數=四捨五入至下一個子區段(縮圖數/縮圖面板中的可見位置數,根據瀏覽器視窗大小而定)。
以上表為例,9個縮圖/ 4個槽= 2.25;檢視器邏輯將其四捨五入為三個子區段。 -
縮圖數=四捨五入至下一個縮圖(縮圖數/視訊子區段數)。
以上表為例,9個縮圖/ 3個視訊子區段= 3個縮圖。 -
子區段持續時間=影片總持續時間/影片子區段數。
以上表範例為例,30秒/ 3視訊子區段=每個視訊子區段顯示10秒。
建立轉盤橫幅檢視器預設集的特殊考量事項 special-considerations-for-creating-a-carousel-banner-viewer-preset
建立「轉盤橫幅」檢視器預設集時,變更熱點樣式的存取方式如下:
啟用或停用檢視器預設集 activating-or-deactivating-viewer-presets
使用者介面中可用的檢視器預設集取決於作者模式中處於作用中的檢視器預設集。 依預設,建立檢視器預設集後設為「開啟」。 如果您關閉預設集,在「作者」模式中看不到預設集。 如果預設集已發佈,則無論其是否切換,都會發佈預設集。 如果清單太龐雜或不希望檢視器預設集可供使用,請停用檢視器預設集。
若要啟用或停用檢視器預設集:
-
在Experience Manager的左上角,選取Experience Manager標誌,然後在左側導軌中,選取 工具 (槌子圖示) > Assets > 檢視器預設集。
-
在「檢視器預設集」頁面的 狀態 欄標題下方,選取切換以啟用或停用檢視器預設集。
已啟動的檢視器預設集會在右側顯示切換,並位於藍色方塊內;已停用的檢視器預設集會在左側顯示切換,並位於淺灰色方塊內。
Publish檢視器預設集 publishing-viewer-presets
啟用(或開啟)檢視器預設集狀態表示檢視器預設集會顯示在Dynamic Media元件、互動媒體元件中,以及您檢視資產的任何時間。
不過,若要 傳送 包含檢視器預設集的資產,檢視器預設集也必須發佈。 必須啟動 和 所有檢視器預設集,才能取得資產的URL或內嵌程式碼。 啟動並發佈Dynamic Media隨附的所有現成可用的檢視器預設集。 您建立和新增的自訂檢視器預設集會自動啟動,但也必須發佈。
請參閱啟用或停用檢視器預設集。
另請參閱預覽Assets。
若要發佈檢視器預設集:
- 在Experience Manager的左上角,選取Experience Manager標誌,然後在左側導軌中,選取 工具 (槌子圖示) > Assets > 檢視器預設集。
- 選取一或多個您要發佈的檢視器預設集。
- 在工具列中選取 Publish 圖示。
排序檢視器預設集 sorting-viewer-presets
- 在Experience Manager的左上角,選取Experience Manager標誌,然後在左側導軌中,選取 工具 (槌子圖示) > Assets > 檢視器預設集。
- 選取 預設集標題、型別、已發佈 或 狀態,依該欄標題排序。 例如,選取 型別,以字母或反向字母順序排序檢視器預設集型別。
編輯檢視器預設集 editing-viewer-presets
不支援編輯任何 預先定義的現成檢視器預設集。 如果您編輯現成的檢視器預設集,系統會提示您以新名稱儲存該預設集。
若要編輯檢視器預設集:
-
在Experience Manager的左上角,選取Experience Manager標誌,然後在左側導軌中,選取 工具 (槌子圖示) > 資產 > 檢視器預設集。
-
勾選檢視器預設集標題左側的方塊,選取預設集。
-
在工具列上,選取 編輯。
-
在 檢視器預設集編輯器 頁面上,使用 外觀 和 行為 標籤上的選項,對檢視器預設集進行您想要的變更。
在「檢視器預設集編輯器」頁面左上角附近的「外觀」標籤中,選取「案頭」、「平板電腦」或「手機」以變更資產的呈現模式。
-
在頁面的右上角附近,執行下列任一項作業:
- 選取 儲存 以儲存您的變更並返回[檢視器預設集]頁面。
- 選取 取消 以作廢您所做的任何變更,並返回「檢視器預設集」頁面。
刪除自訂檢視器預設集 deleting-custom-viewer-presets
您可以刪除已建立並新增至Dynamic Media的檢視器預設集。
若要刪除自訂檢視器預設集:
- 在Experience Manager的左上角,選取Experience Manager標誌,然後在左側導軌中,選取 工具 (槌子圖示) > Assets > 檢視器預設集。
- 在「檢視器預設集」頁面上,核取預設集標題,然後選取「垃圾桶」圖示。
- 選取 刪除。
將檢視器預設集套用至資產 applying-a-viewer-preset-to-an-asset
如果您已發佈資產和選取的檢視器, URL 和 Embed (內嵌) 按鈕會在您選取檢視器預設集後顯示。
若要將檢視器預設集套用至資產:
-
開啟資產,並在頁面左上角附近,選取下拉式功能表,然後選取 檢視器。
note note NOTE 如果您已發佈資產和選取的檢視器, URL 和 Embed (內嵌) 按鈕會在您選取檢視器預設集後顯示。 -
若要將其套用至資產,請從左窗格選取檢視器預設集。
您可以複製URL以與其他使用者共用。
透過檢視器預設集傳遞資產 delivering-assets-with-viewer-presets
若要取得檢視器預設集的URL,請參閱將URL連結至您的網頁應用程式。 另請參閱將視訊檢視器內嵌在網頁上。
如果您使用Experience Manager做為WCM,您可以直接在頁面上使用檢視器預設集新增資產。 請參閱將Dynamic Media Assets新增至頁面。