管理檢視器預設集 managing-viewer-presets
檢視器預設集是一組設定,可決定使用者如何在電腦熒幕和行動裝置上檢視多媒體資產。 如果您是管理員,可以建立檢視器預設集。 設定可供一系列檢視器組態選項使用。 例如,您可以變更檢視器的顯示大小或縮放行為。
如需建立和自訂HTML5檢視器預設集的指示,請參閱AdobeDynamic Media HTML5檢視器SDK API檔案. SDK可在內嵌於SDK本身的IS發佈伺服器上使用。 每個程式庫版本都有各自的SDK檔案。
路徑: <scene7_domain>/s7sdk/<library_version>/docs/jsdocs/index.html
.
例如,3.10 SDK: https://s7d1.scene7.com/s7sdk/3.10/docs/jsdoc/index.html
另請參閱 Adobe Dynamic Media檢視器參考指南.
本節說明如何建立、編輯及管理檢視器預設集。 您可以隨時將檢視器預設集套用至資產,進行預覽。 另請參閱 套用檢視器預設集.
檢視器的鍵盤協助工具 keyboard-accessibility-for-viewers
所有現成的檢視器都支援鍵盤協助工具。
另請參閱 鍵盤協助工具和導覽.
管理檢視器預設集 managing-viewer-presets-1
您可以點選,在Adobe Experience Manager中新增、編輯、刪除、發佈、取消發佈和預覽檢視器預設集 工具 (槌子圖示) > 資產 > 檢視器預設集.
檢視器支援回應式設計網頁 viewer-support-for-responsive-designed-web-pages
不同的網頁有不同的需求。 例如,有時您會想要網頁提供連結,在個別瀏覽器視窗中開啟HTML5檢視器。 在其他情況下,您可能需要直接將HTML5檢視器內嵌在託管頁面上。 在後一種情況下,網頁可能會有靜態配置。 或是「回應式」的網頁,在不同裝置或不同瀏覽器視窗大小上的顯示會有所不同。 為因應這些需求,Dynamic Media隨附的所有預先定義、現成可用的HTML5檢視器都支援靜態網頁和回應式設計網頁。
另請參閱 Responsive影像資料庫 以取得有關如何將回應式檢視器內嵌至網頁的詳細資訊。
另請參閱 [發佈檢視器預設集].(#publishing-viewer-presets)
檢視器預設集系統相容性 viewer-preset-system-compatibility
Dynamic Media隨附的所有現成可用的檢視器預設集都與下列系統完全相容:
- 桌上型
- Apple iPhone
- Apple iPad
- Android™智慧型手機
- Android™平板電腦
- 視訊額外支援MP4播放 BlackBerry® 和 Windows Phone.
檢視器預設集的豐富媒體型別 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
建立檢視器預設集可讓您套用各種設定來檢視資產並與之互動。 不過,您不需要建立檢視器預設集。 您也可以選擇使用AEM Assets隨附的預設現成檢視器預設集。
如果您選擇建立檢視器預設集,儲存後會自動啟動檢視器狀態(設為 開啟),位於「檢視器預設集」頁面。 此狀態表示只要您預覽影像或視訊,都可在Dynamic Media元件和互動媒體元件中看到。
有些檢視器預設集具有可影響檢視器使用和整體行為的獨佔設定。 根據您建立的檢視器預設集,您可能會想要瞭解這些特殊考量事項。
另請參閱 建立互動式檢視器預設集的特殊考量事項.
另請參閱 建立轉盤橫幅檢視器預設集的特殊考量事項.
若要建立檢視器預設集:
-
在Experience Manager的左上角,選取Experience Manager標誌,然後在左側邊欄中選取 工具 (槌子圖示) > 資產 > 檢視器預設集.
-
在「檢視器預設集」頁面的工具列上,選取「 」 建立.
-
在 新增檢視器預設集 對話方塊,在 預設集名稱 欄位,輸入新預設集的名稱。 請謹慎選擇名稱 — 在您選取後,這些名稱將無法編輯 建立.
當您稍後在這些步驟中儲存預設集時,該名稱會顯示在「預設集標題」欄標題下的「檢視器預設集」頁面上。
-
在「豐富型媒體型別」下拉式功能表中,選取您要建立的檢視器預設集型別,然後在頁面的右上角選取 建立.
另請參閱 檢視器預設集的豐富媒體型別.
-
在「檢視器預設集編輯器」頁面上,選擇 外觀 標籤。
-
執行下列任一項作業:
-
在 選取的型別 從下拉式選單中,選取您要自訂其視覺設計的元件。 或者,您可以在檢視器中選取任何視覺元素,以選取它進行設定。
視覺化編輯器可讓您檢視特定屬性對樣式有何影響。 使用編輯器左側的範例來設定或調整任何屬性,以立即看到其對檢視器產生的影響。
每種檢視器預設集型別的CSS樣式屬性都在「自訂」一節中說明
<viewer name>
檢視器」中的說明主題 檢視器參考指南. 例如,如果您要建立的檢視器預設集型別為Mixed_Media
,請參閱 自訂混合媒體檢視器 以取得每個屬性的清單和說明。 -
如果您已在個別的CSS檔案中定義樣式設定,則可將CSS檔案上傳至AEM Assets。 選取 匯入CSS 在 選取的型別 下拉式選單(如有必要,請向上捲動視覺編輯器以檢視它)以便您可以找到上傳的CSS檔案並將其與檢視器預設集相關聯。
匯入CSS檔案時,視覺編輯器會檢查CSS是否使用正確的檢視器標籤。 例如,如果您正在建立縮放檢視器,所有您匯入的CSS規則都必須使用其檢視器類別名稱來定義
.s7mixedmediaviewer
定義於父檢視器元素上。只要為指定檢視器正確定義CSS標籤,您就可以匯入任意的手工製作CSS。 (CSS標籤會在任何「自訂」一節中說明, <viewer name=""> 檢視器」中的說明主題 檢視器參考指南. 例如,如果您想閱讀有關縮放檢視器的CSS標籤,請參閱 自訂縮放檢視器.) 不過,視覺化編輯器可能並不瞭解某些CSS值。 在這種情況下,視覺化編輯器會嘗試覆寫錯誤,讓CSS仍可運作。
note note NOTE 如果您偏好直接以原始格式編輯CSS,請選取「 」 顯示/隱藏CSS 在「選取型別」(Selected Type)下拉式選單下方(如有必要,請向上捲動視覺編輯器以檢視它)。
就像視覺化編輯器一樣,當您直接在CSS中變更屬性時,立刻就能看到這對檢視器範例有何影響。 同時,該屬性也會在視覺化編輯器中自動更新。 因此,您可以使用原始CSS編輯器或視覺化編輯器,或可互換使用兩者。note note NOTE 對於按鈕圖稿,請選擇2x影像並上傳高解析度圖稿。 使用互動式影像和可購物橫幅時,您也可以選取各種現成的熱點按鈕。 -
-
(可選)在「編輯檢視器預設集」頁面頂端附近,選取「 」 案頭, 平板電腦,或 電話 為不同的裝置和熒幕型別唯一定義視覺樣式。
-
在「檢視器預設集編輯器」頁面上,選擇 行為 標籤。 或者,您可以在檢視器中選取任何視覺元素,以選取它進行設定。
例如,對於 videoplayer 文字,在 修飾元 > 播放,您可從下列三個最適化位元速率串流選項中選取:-
虛線 — 視訊資料流僅以短劃線顯示。 不過,在Safari/iOS裝置上,您必須選取 hls 做為型別。
-
hls — 視訊資料流僅以HLS形式。
-
自動 — 最佳做法。 建立DASH和HLS串流已最佳化儲存。 因此,Adobe建議您一律選取 自動 做為播放型別。 視訊串流採用虛線、hls或漸進式,如下列播放順序所示:
- 如果瀏覽器支援DASH,則會先使用DASH串流。
- 如果瀏覽器不支援DASH,則會使用HLS資料流(第二)。
- 如果瀏覽器不支援DASH或HLS,最後會使用漸進式播放。
note note NOTE 若要檢視並使用 虛線 選項,必須先由您帳戶上的Adobe技術支援啟用。 另請參閱 在您的帳戶上啟用DASH. -
-
從「選 定類型 」(Selected Type)下拉菜單中,選擇要更改其行為的元件。
視覺化編輯器中的許多元件都有與之相關的詳細說明。 展開元件以顯示其相關引數時,這些說明會顯示在藍色方塊中。
有些檢視器類型具有可讓您在「 IS Command」 (IS命令) 文字欄位中指定「Image Serving 」 (影像伺服) 命令的元件。如需您可使用的指令清單,請參 閱影像伺服API參考。
note note NOTE 如果您使用觸控裝置,例如手機或平板電腦…… 在文字欄位中輸入值後,選取使用者介面中的其他位置以提交變更並關閉虛擬鍵盤。 如果您選取Enter,則不會發生任何動作。 -
在頁面的右上角附近,選取 儲存.
-
發佈新的檢視器預設集,以便用於您的網站。
另請參閱 發佈檢視器預設集.
note important IMPORTANT 針對使用最適化位元速率串流設定檔的舊影片,URL會隨著HLS串流繼續如常播放,直到您恢復正常播放 重新處理視訊資產. 重新處理之後,相同的URL會繼續運作,不過現在有 兩者 DASH和HLS串流已啟用。
建立互動式檢視器預設集的特殊考量事項 special-considerations-for-creating-an-interactive-viewer-preset
關於面板中影像縮圖的顯示模式
當您建立或編輯互動式視訊檢視器預設集時,可以選擇在選取時要使用的顯示模式設定 InteractiveSwatches
從 選取的元件 選單下的 行為 標籤。 您選擇的顯示模式會影響縮圖在視訊播放時的顯示方式和時間。 您可以選擇 segment
顯示模式(預設)或 continuous
顯示模式。
關於互動式視訊檢視器中的自動捲動行為
互動式視訊檢視器中的縮圖自動捲動行為不受您選擇之顯示模式影響。
當您建立或編輯互動式視訊檢視器預設集時,可從「行為」標籤存取「自動捲動」。在行為標籤中,從 選取的元件 下拉式功能表,選取 互動色票. 「自動捲動」(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標誌,然後在左側邊欄中選取 工具 (槌子圖示) > 資產 > 檢視器預設集.
-
在「檢視器預設集」頁面的 狀態 欄標題,選取切換即可啟用或停用檢視器預設集。
已啟動的檢視器預設集會在右側顯示切換,並位於藍色方塊內;已停用的檢視器預設集會在左側顯示切換,並位於淺灰色方塊內。
發佈檢視器預設集 publishing-viewer-presets
啟用(或開啟)檢視器預設集狀態表示檢視器預設集會顯示在Dynamic Media元件、互動媒體元件中,以及您檢視資產的任何時間。
但是,到 deliver 如果資產具有檢視器預設集,檢視器預設集也必須發佈。 必須啟動所有檢視器預設集 和 已發佈,以取得資產的URL或內嵌程式碼。 請務必啟動並發佈Dynamic Media隨附的所有現成可用的檢視器預設集。 您建立和新增的自訂檢視器預設集會自動啟動,但也必須發佈。
另請參閱 啟用或停用檢視器預設集.
另請參閱 預覽資產.
若要發佈檢視器預設集:
- 在Experience Manager的左上角,選取Experience Manager標誌,然後在左側邊欄中選取 工具 (槌子圖示) > 資產 > 檢視器預設集.
- 選取一或多個您要發佈的檢視器預設集。
- 在工具列上,選取 發佈 圖示。
排序檢視器預設集 sorting-viewer-presets
- 在Experience Manager的左上角,選取Experience Manager標誌,然後在左側邊欄中選取 工具 (槌子圖示) > 資產 > 檢視器預設集.
- 選取 預設集標題, 型別, 已發佈,或 狀態 以依該欄標題排序。 例如,選取 型別 依字母或反向字母順序排序檢視器預設集型別。
編輯檢視器預設集 editing-viewer-presets
編輯任何 預先定義的現成檢視器預設集 不支援的情況。 如果您編輯現成的檢視器預設集,系統會提示您以新名稱儲存該預設集。
若要編輯檢視器預設集:
-
在Experience Manager的左上角,選取Experience Manager標誌,然後在左側邊欄中選取 工具 (槌子圖示) > 資產 > 檢視器預設集.
-
勾選檢視器預設集標題左側的方塊,選取預設集。
-
在工具列上,選取 編輯.
-
在 檢視器預設集編輯器 頁面上,使用「 」選單中的選項,對檢視器預設集進行您想要的變更 外觀 和 行為 索引標籤。
從 外觀 索引標籤中,在「檢視器預設集編輯器」頁面的左上角附近,選取 案頭, 平板電腦,或 電話 以變更資產的簡報模式。
-
在頁面的右上角附近,執行下列任一項作業:
- 選取 儲存 以儲存您的變更並返回「檢視器預設集」頁面。
- 選取 取消 使所做的任何變更失效,並返回「檢視器預設集」頁面。
刪除自訂檢視器預設集 deleting-custom-viewer-presets
您可以刪除已建立並新增至Dynamic Media的檢視器預設集。
若要刪除自訂檢視器預設集:
- 在Experience Manager的左上角,選取Experience Manager標誌,然後在左側邊欄中選取 工具 (槌子圖示) 資產 > 檢視器預設集.
- 在「檢視器預設集」頁面上,核取「預設集標題」,然後選取 垃圾桶 圖示。
- 選取 刪除。
將檢視器預設集套用至資產 applying-a-viewer-preset-to-an-asset
如果您已發佈資產和選取的檢視器, URL 和 Embed (內嵌) 按鈕會在您選取檢視器預設集後顯示。
若要將檢視器預設集套用至資產:
-
開啟資產,並在頁面左上角附近選取下拉式功能表,然後選取「 」 檢視者.
note note NOTE 如果您已發佈資產和選取的檢視器, URL 和 Embed (內嵌) 按鈕會在您選取檢視器預設集後顯示。 -
從左窗格選取檢視器預設集,以便將其套用至資產。
您可以 複製要共用的URL 與其他使用者整合。
使用檢視器預設集傳送資產 delivering-assets-with-viewer-presets
若要取得檢視器預設集的URL,請參閱 將URL連結至您的Web應用程式. 另請參閱 將視訊檢視器內嵌在網頁上.
如果您使用Experience Manager做為WCM,您可以直接在頁面上使用檢視器預設集新增資產。 另請參閱 將Dynamic Media資產新增至頁面.