管理檢視器預設集

「檢視器預設集」是一組設定，可決定使用者在電腦螢幕和行動裝置上檢視多媒體資產的方式。 如果您是管理員，則可以建立檢視器預設集。 設定適用於檢視器設定選項的陣列。 例如，您可以變更檢視器的顯示大小或縮放行為。

如需建立和自訂您自己HTML5檢視器預設集的指示，請參閱Adobe「Dynamic 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

另請參閱AdobeDynamic Media查看器參考指南。

本節說明如何建立、編輯和管理檢視器預設集。 您可以隨時預覽資產，將檢視器預設套用至資產。 請參閱套用檢視器預設集。

檢視器的鍵盤協助功能

所有立即可用的檢視器都支援鍵盤協助功能。

另請參閱鍵盤存取和導覽。

管理檢視器預設集

您可以點選「工具（槌子圖示）> 資產>檢視器預設集」，在中新增、編輯、刪除、發佈、取消發佈和預覽檢視器預設集。AEM

檢視器支援多方互動設計的網頁

不同的網頁有不同的需求。 例如，有時您想要的網頁提供在個別瀏覽器視窗中開啟HTML5檢視器的連結。 在其他情況下，可能需要將HTML5檢視器直接內嵌在代管頁面上。 在後一種情況下，網頁可能具有靜態版面。 或者，它可能是「自適應」的，並在不同裝置上或不同瀏覽器視窗大小上顯示不同。 為滿足這些需求，Dynamic Media隨附的所有預先定義、現成可用的HTML5檢視器都支援靜態網頁和互動式設計網頁。

如需如何將回應式檢視器內嵌至網頁的詳細資訊，請參閱回應式影像庫。

檢視器預設集系統相容性

隨附於Dynamic Media的所有現成可用的檢視器預設集都與下列系統完全相容：

• 台式機
• Apple iPhone
• Apple iPad
• Android Smartphone
• Android Tablet
• 對於視頻，為Blackberry和Windows Phone提供了對MP4播放的額外支援。

檢視器預設集的豐富型媒體類型

管理員可在建立新的檢視器預設集時，新增及自訂下列多媒體類型。

立即可用的檢視器預設集清單

下表列出Dynamic Media隨附的所有預先定義、立即可用的檢視器預設集。

另請參閱即時演示。

如需檢視器支援網頁瀏覽器和作業系統版本的詳細資訊，請參閱檢視器版本注意事項。

請參閱檢視器參考指南目錄中的「檢視器版本注意事項」。

支援的行動檢視器手勢矩陣

下表識別iOS、Android 2.x和Android 3.x裝置上支援的行動檢視器手勢。

增加顯示的檢視器預設集數

從AEM「詳細資料檢視>檢視器」檢視資產時，會顯示各種檢視器預設集。 您可以增加或減少顯示的檢視器數目。

若要增加顯示的檢視器預設集數目

1. 導覽至CRXDE Lite(https://localhost:4502/crx/de)。

2. 導覽至/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist的檢視器預設集清單節點

   

3. 在 limit 屬性中，將預設設 ​​定為15的值變更為所要的數字。

4. 導覽至位於/libs/dam/gui/coral/content/commons/sidepanels/viewerpresets/viewerpresetslist/datasource的檢視器預設資料來源

   

5. 在limit屬性中，將數字變更為所需的數字，例如{empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

6. 點選「全部儲存」。​

建立檢視器預設集

建立檢視器預設集可讓您套用各種設定，以檢視資產並與之互動。 不過，您不需要建立新的檢視器預設集。 您可以視需要使用預設、現成可用的檢視器預設集，這些預設集已隨附於AEM Assets。

如果您選擇建立新的檢視器預設集，在儲存後，檢視器的狀態會在「檢視器預設集」頁面中自動啟動（設為​On）。 此狀態表示它可在Dynamic Media元件和互動式媒體元件中，以及您預覽影像或視訊時顯示。

某些檢視器預設集具有排他性設定，可影響檢視器的使用和整體行為。 視您所建立的檢視器預設集而定，您可能會想知道這些特殊考量。

請參閱建立互動檢視器預設集的特殊考量事項。

請參閱建立轉盤橫幅檢視器預設集的特殊考量事項。

若要建立檢視器預設集

1. 在的左上角AEM點AEM選標誌，然後在左側導軌中點選「工具（槌子圖示）> 資產 > 檢視器預設集」。

   

2. 在「檢視器預設集」頁面的工具列上，點選「建立」。​

3. 在​新檢視器預設集​對話方塊的​預設集名稱​欄位中，輸入新預設集的名稱。 仔細選擇名稱——在您點選​Create.​後，這些名稱將無法編輯

   當您稍後在這些步驟中儲存預設時，名稱會出現在「預設集標題」欄標題下的「檢視器預設集」頁面上。

4. 在「豐富型媒體類型」下拉式選單中，選取您要建立的檢視器預設集類型，然後在頁面右上角點選「建立」。​

   請參閱檢視器預設集的豐富型媒體類型。

5. 在「檢視器預設集編輯器」頁面上，點選「外 觀 」標籤。

6. 執行下列任一項作業：

   • 在​選擇的類型​下拉菜單中，選擇要定制其視覺設計的元件。 或者，您也可以點選或按一下檢視器中的任何視覺元素，以選取它進行設定。

     視覺編輯器可讓您查看特定屬性對樣式有何影響。 只要設定或調整任何屬性，即可使用編輯器左側的範例，立即查看它對檢視器有何影響。

     檢視器參考指南中的「自訂​<viewer name>​檢視器」說明主題中說明每種檢視器預設集的CSS樣式屬性。 例如，如果您要建立類型Mixed_Media的檢視器預設集，請參閱自訂混合媒體檢視器，以取得每個屬性的清單和說明。

   • 如果您已在個別的CSS檔案中定義樣式設定，則可將CSS檔案上傳至AEM Assets。 點選​選取類型​下方的​匯入CSS（您可能需要向上捲動視覺編輯器才能查看），以尋找已上傳的CSS檔案，並將它與檢視器預設集建立關聯。

     當您匯入CSS檔案時，視覺編輯器會檢查CSS是否使用正確的檢視器標籤。 例如，如果您要建立縮放檢視器，您匯入的所有CSS規則都必須使用父檢視器元素上定義的檢視器類別名稱.s7mixedmediaviewer來定義。

     只要正確定義特定檢視器的CSS標籤，您就可匯入任意手工的CSS。 (CSS標籤在檢視器參考指南中的「自訂​檢視器名稱>​檢視器」說明主題中有說明。 例如，如果您想要閱讀有關縮放檢視器的CSS標籤，請參閱自訂縮放檢視器。) 但是，視覺編輯器可能不瞭解某些CSS值。 在這種情況下，視覺編輯器會嘗試覆寫錯誤，讓CSS仍能運作。

   注意

   如果您偏好直接以原始格式編輯CSS，請點選「選取類型」下拉式選單下方的「顯示/隱藏CSS ​​」 (您可能需要向上捲動視覺編輯器才能檢視)。
   和視覺編輯器一樣，當您直接在CSS中變更屬性時，您可以立即看到它對檢視器範例有何影響。 而且，在視覺編輯器中，同一屬性會同時自動更新。 因此，您可以使用原始CSS編輯器或視覺化編輯器，或兩者可互換使用。

   注意

   對於按鈕圖稿，請選擇2x影像並上傳高解析度的圖稿。 使用互動式影像和可購買的橫幅時，您也可以從各種現成可用的熱點按鈕中選取。

7. (可選) 在「編輯檢視器預設集」頁面頂端附近，點選「 Desktop」、「 Tablet」或「 Phone」 ，以針對不同的裝置和螢幕類型唯一定義視覺樣式。

8. 在「檢視器預設集編輯器」頁面上，點選「行為」標籤。 或者，您也可以點選或按一下檢視器中的任何視覺元素，以選取它進行設定。

9. 從「選 定類型 」(Selected Type)下拉菜單中，選擇要更改其行為的元件。

   視覺編輯器中的許多元件都有相關的詳細說明。 展開元件以顯示其相關參數時，這些說明會顯示在藍色方塊中。

   有些檢視器類型具有可讓您在「 IS Command」 (IS命令) 文字欄位中指定「Image Serving 」 (影像伺服) 命令的元件。如需您可使用的指令清單，請參 閱影像伺服API參考。

   注意

   如果您使用觸控裝置，例如手機或平板電腦……

   在文字欄位中輸入值後，點選使用者介面中的其他位置以提交變更並關閉虛擬鍵盤。 如果您點選Enter，則不會執行任何動作。

10. 在頁面的右上角附近，點選​儲存。

11. 發佈新的檢視器預設集。 您必須先發佈預設集，才能在您的網站上使用它。

    請參閱Publishing Viewer Presets。

建立互動式檢視器預設集的特殊考量事項

關於面板中影像縮圖的顯示模式

當您建立或編輯互動式視訊檢視器預設集時，您可以選擇從​Behavior​標籤下的​選取的元件​下拉式選單中選取InteractiveSwatches時，要使用的顯示模式設定。 您選擇的顯示模式會影響縮圖在視訊播放時的顯示方式和顯示時間。 您可以選擇segment顯示模式（預設）或continuous顯示模式。

關於互動式視訊檢視器中的自動捲動行為

縮圖在互動式視訊檢視器中的自動捲動行為，與您選擇的顯示模式無關。

當您建立或編輯互動式視訊檢視器預設集時，可從「行為」標籤存取「自動捲動」。在「行為」標籤中，從「選 取的元件 」下拉式選單中點選「 互動色票」。「自動捲動」(Auto Scroll)複選框列在「IS命令」(IS Command)文本欄位下。

如果您在檢視器預設集中停用「自動捲動 ​​」 (清除核取方塊)，當使用者播放視訊時，面板只會顯示整個視訊長度的第一個縮圖影像。不過，使用者可視需要使用向上和向下箭頭圖示手動捲動縮圖。

當您在檢視器預設集中啟用 (選取) 「自動捲動 ​​」時，在視訊播放期間，指派給視訊區段的縮圖影像會在區段開始時捲動至檢視中。但是，有些例項會顯示區段中某些縮圖的長度，是其前後縮圖的兩倍。發生此行為是因為區段中的縮圖數目大於面板中顯示的數目，且不可平均分割。

舉例來說，假設您有一個30秒的視訊區段。 此外，在30秒內共可顯示9個縮圖。 您的瀏覽器的大小調整得在顯示面板中有四個可見的縮圖位置。 30秒視頻時間段被分為三個子段。 下表顯示特定時間子區段的縮圖顯示劃分：

視訊子區段3不會超出指派給它的縮圖。 另請注意，縮圖4、6和7在面板中的顯示時間是其他縮圖的兩倍。

檢視器根據可用位置數量，在面板中顯示多少縮圖時，會使用下列邏輯：

• 子區段數=捨入至下一個子區段（縮圖數／縮圖面板中可見的位置數，視瀏覽器視窗大小而定）。
  使用上表中的範例，9個縮圖/ 4個插槽= 2.25;檢視器邏輯最多四捨五入3個子區段。

• 縮圖數=最多捨入至下一個縮圖（縮圖數／視訊子區段數）。
  使用上表中的範例，9個縮圖/3個視訊子區段= 3個縮圖。

• 子區段的持續時間=總視訊持續時間／視訊子區段的數目。
  使用上表中的範例，30秒/3個視訊子區段=每個視訊子區段的10秒顯示。

建立轉盤橫幅檢視器預設集的特殊考量事項

建立轉盤橫幅檢視器預設時，可以按如下方式訪問更改熱點的樣式：

啟用或停用檢視器預設集

使用者介面中可用的檢視器預設集，會視作者模式中的作用中檢視器預設集而定。 依預設，檢視器預設集在您建立後為「開啟」。 如果您關閉預設集，在「作者」模式中將看不到它。 如果預設集已發佈。 無論開啟或關閉，都一律會發佈它。 如果清單變得太笨重，或您不想讓檢視器預設集可供使用，您可能會想要停用檢視器預設集。

若要啟用或停用檢視器預設集

1. 在的左上角AEM點AEM選標誌，然後在左側導軌中點選「工具（槌子圖示）> 資產 > 檢視器預設集」。

2. 在「檢視器預設集」頁面的​State​欄標題下，點選切換以啟用或停用檢視器預設集。

   啟動的檢視器預設集會在右側、藍色方塊內切換；停用的檢視器預設集會讓切換畫面出現在左側的淺灰色方塊中。

發佈檢視器預設集

啟用（或開啟）檢視器預設集的狀態表示它可在Dynamic Media元件、互動式媒體元件，以及您每次檢視資產時顯示。

不過，若要傳送* 包含檢視器預設集的資產，檢視器預設集也必須發佈。所有檢視器預設集都必須啟動和*已發佈，才能取得資產的URL或內嵌程式碼。您必須啟動並發佈動態媒體隨附的所有現成可用的檢視器預設集。您建立和新增的自訂檢視器預設集會自動啟動，但也必須發佈。

請參閱啟用或停用檢視器預設集。

另請參閱預覽資產。

若要發佈檢視器預設集

1. 在的左上角AEM點AEM選標誌，然後在左側導軌中點選「工具（槌子圖示）> 資產 > 檢視器預設集」。
2. 選取一或多個您要發佈的檢視器預設集。
3. 在工具列上，點選​Publish​圖示。

對查看器預設集排序

1. 在的左上角AEM點AEM選標誌，然後在左側導軌中點選「工具（槌子圖示）> 資產 > 檢視器預設集」。
2. 按一 下「標題」、「類型」、「發佈國 」或「國​​​​ 家預設」，依該欄標題排序。例如，按一下「 類型 」，以字母或反字母順序排序檢視器預設集類型。

編輯檢視器預設集

請注意，編輯任何預先定義、立即可用的檢視器預設集​並不受支援。​如果您編輯現成可用的檢視器預設集，系統會提示您以新名稱儲存它。

若要編輯檢視器預設集

1. 在的左上角AEM點AEM選標誌，然後在左側導軌中點選「工具（槌子圖示）> 資產 > 檢視器預設集」。

2. 勾選檢視器預設集標題左側的方塊，以選取預設集。

3. 在工具列上，點選「編輯」。

4. 在「檢 視器預設集編輯器 」頁面上，使用「外觀」和「行為」標籤上的選項，對檢視器預設集進行您想要的變更 ​​​ 。

   從「 Appearance 」 (外觀) 頁籤 ，在「Viewer Preset Editor」 (查看器預設編輯器) 頁面的左上角附近，點選「 Desktop 」 (案頭) 、 Tablet 、或「Phone 」 (手機) 以更改資產的演示模式。

5. 在頁面的右上角附近，執行下列任一項作業：

   • 點選​Save​以儲存變更並返回檢視器預設集頁面。
   • 點選​Cancel​可撤銷您所做的任何變更並返回檢視器預設集頁面。

刪除自訂檢視器預設集

您可以刪除已建立並新增至Dynamic Media的檢視器預設集。

若要刪除自訂檢視器預設集

1. 在的左上角點AEM選標AEM志，然後在左側導軌中點選「工具​​（槌子圖示）>資產>檢視器預設集」。
2. 在「檢視器預設集」頁面上，勾選「預設集標題」，然後點選​垃圾筒​圖示。
3. 點選​刪除。

將檢視器預設集套用至資產

如果您已發佈資產和選取的檢視器， URL 和 Embed (內嵌) 按鈕會在您選取檢視器預設集後顯示。

若要將檢視器預設套用至資產

1. 開啟資產並靠近頁面的左上角，點選下拉式功能表，然後選取「檢視器」。​

   注意

   如果您已發佈資產和選取的檢視器， URL 和 Embed (內嵌) 按鈕會在您選取檢視器預設集後顯示。

2. 從左窗格選取檢視器預設集，以套用至資產。

   您可以複製URL以與其他使用者共用。

使用檢視器預設集傳送資產

若要取得檢視器預設集的URL，請參閱將URL連結至您的Web應用程式。 另請參閱將視訊檢視器內嵌至網頁。

如果您使AEM用作WCM，則可以直接在頁面上使用檢視器預設集來新增資產。 請參閱將Dynamic Media資產新增至Pages。