管理檢視器預設集

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

請參閱動態媒體檢視器參考指南。

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

檢視器的鍵盤協助功能

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

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

管理檢視器預設集

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

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

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

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

檢視器預設集系統相容性

動態媒體隨附的所有現成可用的檢視器預設集都與下列系統完全相容：

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

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

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

傳送集	熱點或影像映射，或兩者都添加到一系列兩個或多個影像中。 客戶可以向左或向右平移影像，然後按一下影像上的熱點以取得其他詳細資訊，或直接從網站的類別、首頁或登陸頁面購買。
維度	顯示3D場景，讓您轉動、平移、縮放或重新輸入相機。
彈出式縮放	在原始影像旁顯示縮放區域的第二個影像。 沒有可使用的控制項——使用者將選取範圍移至要檢視的區域。 在決定此檢視器的完整頻寬使用時，請考慮主影像和彈出影像都會在檢視器中提供。 主影像大小（「舞台寬度」和「高度」）和「縮放比例」會決定彈出影像大小。 若要避免彈出檔案大小變得過大，請平衡下列兩個值：如果您的主影像大小較大，請降低「縮放比例」值。 （「彈出寬度」和「彈出高度」會決定彈出視窗的大小，但不決定提供給檢視器的彈出影像的大小。） 例如，如果您的主影像大小是350 x 350像素，而「縮放系數」是3，則產生的彈出影像是1050 x 1050像素。 如果您的主影像大小是300 x 300像素，而「縮放系數」是4，則彈出影像是1200 x 1200像素。 根據JPEG品質設定（建議的設定介於80-90之間），您可以大幅降低檔案大小。 建議的縮放系數為2.5到4，視主影像大小而定。
內嵌縮放	在原始檢視器中顯示縮放區域的影像。 沒有可使用的控制項。 也就是說，使用者會將選取範圍移至要檢視的區域。
影像集	在「影像集」檢視器中，使用者可以按一下縮圖影像，以看到項目的不同檢視或顏色變化。 此檢視器也提供縮放工具，以密切檢查影像。
互動影像	熱點會新增至影像的部分，客戶可按一下這些部分以取得其他詳細資訊，或直接從網站的類別、首頁或登陸頁面購買。
互動視訊	縮圖會新增至視訊中的時間軸區段，客戶可按一下該區段以取得其他詳細資訊，或直接從網站的類別、首頁或登陸頁面購買。
混合媒體	在單一檢視器中顯示不同類型的媒體。 您可以包含回轉集、影像集、影像和影片。
全景影像	全景影像和全景VR檢視器可演算球面全景影像，讓使用者體驗360°的房間、房產、位置或風景觀賞體驗。 若要將上傳的影像符合球形全景，它必須具備下列其中一項或兩項： 寬高比為2:1。 標籤有關鍵字equirectangular、spherical和panorama，或spherical 和panoramic。 請參閱使用標籤。 外觀比例和關鍵字准則都適用於資產詳細資料頁面和「全景媒體」WCM元件的全景資產。 重要:此檢視器僅適用於動態媒體- Scene7模式。
智慧型裁切視訊	使用此檢視器可自動偵測並裁切至任何視訊中的焦點。
迴轉集	提供影像的多種檢視，讓使用者可以旋轉物件來檢查不同的側面和角度。
360視訊	使用360/VR視訊檢視器來轉換等長形視訊，以提供身歷其境的房間、房產、位置、風景或醫療程式觀賞體驗。 在平面顯示器上播放時，用戶可以控制視角；在行動裝置上播放時，通常會運用其內建的陀螺控制項。 檢視器包含傳送360個視訊資產的原生支援。 依預設，檢視或播放不需要其他設定。 您可使用標準的視訊副檔名（例如。mp4、.mkv和。mov）來傳送360視訊。 最常見的轉碼器是H.264。 重要:此檢視器僅適用於動態媒體- Scene7模式。
影片	使用漸進式或可調式位元速率串流來播放視訊。 可調式位元速率串流會自動執行裝置和頻寬偵測，以適當的格式提供適當品質的視訊。
垂直縮放	「垂直縮放」檢視器可讓您最大化產品影像檢視體驗，讓您的使用者獲得最佳的產品呈現。 色票的垂直位置會執行下列動作： 確保色票「在折疊上方」。 使用水準色票時，視使用者的案頭螢幕大小而定，除非使用者向下捲動頁面，否則無法顯示色票。將色票垂直放置在檢視器中，可確保不論使用者的螢幕大小，都能顯示色票。 最大化主映像大小。 使用水準色票時，必須保留頁面上的空格，以確保其可見。此定位可縮小主影像的大小。 但是，使用垂直色票版面時，您不需要分配此空間。 因此，您可以將主影像大小最大化。
縮放	可讓使用者按一下區域以放大檢視。 使用者可以按一下控制項來放大、縮小並將影像重設為預設大小。

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

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

另請參閱即時演示。

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

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

檢視器預設集標題	類型	CSS 檔案名稱
轉盤虛線暗色	轉盤集	html5_carouselviewer_dotted_dark.css
轉盤虛線燈	轉盤集	html5_carouselviewer_dotted_light.css
轉盤_數值_深色	轉盤集	html5_carouselviewer_numeric_dark.css
轉盤_數值_光	轉盤集	html5_carouselviewer_numeric_light.css
維度	維度	html5_dimensionalviewer.css
飛出	彈出縮放	html5_flyoutviewer.css
ImageSet_dark	影像集	html5_zoomviewer_dark.css
ImageSet_light	影像集	html5_zoomviewer_light.css
InlineMixedMedia_dark	混合媒體	html5_inlinemixedmediaviewer_dark.css
InlineMixedMedia_light	混合媒體	html5_inlinemixedmediaviewer_light.css
InlineZoom	彈出縮放	html5_inlinezoomviewer.css
MixedMedia_dark	混合媒體	html5_mixedmediaviewer_dark.css
MixedMedia_light	混合媒體	html5_mixedmediaviewer_light.css
全景影像	全景影像	html5_panoramicimage.css
PanoramicImageVR	全景影像	html5_panoramicimage.css
Shopbable_Banner	Interactive_Image	html5_interactiveimage.css
Shoppable_Video_dark	互動式視訊	html5_interactivevideoviewer_dark.css
Shopbable_Video_light	互動式視訊	html5_interactivevideovewer_light.css
SmartCropVideo	Smart_Crop_Video	html5_smartcropvideoviewer.css
SmartCropVideo_social	Smart_Crop_Video	html5_smartcropvideoviewersocial.css
回轉集暗	回轉集	html5_spinviewer_dark.css
回轉集光	回轉集	html5_spinviewer_light.css
影片 （包含隱藏字幕支援）	影片	html5_videoviewer.css
Video360_social （包含基本的視訊播放控制項、視訊演算以立體視訊模式進行、手動的視點控制項已關閉，但已開啟回轉視訊控制項，而且沒有社交媒體功能）	Video_360	html5_video360viewersocial.css
Video360VR (專為使用虛擬實境眼鏡的使用者而設計。 包含基本的視訊播放控制項和社交媒體功能)	Video_360	html5_video360viewer.css
Video_social （包括對隱藏字幕和社交媒體的支援）	影片	html5_videoviewersocial.css
Zoom_dark	縮放	html5_basiczoomviewer_dark.css
Zoom_light	縮放	html5_basiczoomviewer_light.css
ZoomVertical_dark	垂直縮放	html5_zoomverticalviewer_dark.css
ZoomVertical_light	垂直縮放	html5_zoomverticalviewer_light.css

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

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

手勢	彈出式縮放	縮放	迴轉
拖曳	平移	平移	平移
點選	顯示彈出窗口	顯示或隱藏使用者介面	顯示或隱藏使用者介面
按兩下	不適用	放大或重設	放大或重設
夾捏開啟	不適用	放大（僅限iOS和Android 3x）	放大（僅限iOS和Android 3x）
夾捏關閉	不適用	縮小（僅限iOS和Android 3x）	縮小（僅限iOS和Android 3x）
撥動	捲軸色票列	捲動影像	自旋
弗利克	捲軸色票列	捲動影像	自旋

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

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）。 此狀態表示在動態媒體元件和互動媒體元件中，以及在您預覽影像或視訊時，都會顯示此狀態。

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

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

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

若要建立檢視器預設集

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顯示模式。

顯示模式	說明
區段	Segment 是現成可用的互動式視訊檢視器預設集Shoppable_Video_light和Shoppable_Video_dark的預設顯示模式，以及您自行建立的任何互動式視訊檢視器預設集。 在此模式中，當指派給視訊區段的縮圖數少於顯示面板中可見點數時，下一個或上一個子區段的縮圖不會被提取到中，以填滿面板中的任何空白點。 也就是說，它會保留指派給特定視訊區段的色票顯示。
連續	在continuous 顯示模式中，如果區段中的縮圖數少於面板中顯示的數目，檢視器會自動包含下一區段或上一區段的縮圖顯示（在顯示最後一個縮圖時）。 本主題中的視訊是continuous 顯示模式的範例。

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

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

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

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

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

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

視訊子區段	子區段時間（以秒為單位）	面板中可見的縮圖
1	0-10	1, 2, 3, 4
2	十至二十	4, 5, 6, 7
3	20-30	6, 7, 8, 9

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

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

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

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

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

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

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

	說明	動作
熱點表徵圖	更改用於熱點的表徵圖	要更改熱點表徵圖影像，請在​Appearance​頁籤的​Selected Component​中，按一下​ImageMapEffect。 在「 圖示」下，選 ​​取「背景」，並在「 ​​影像」欄位中導覽至您想要的背景影像。

啟用或停用檢視器預設集

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

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

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

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

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

發佈檢視器預設集

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

不過，若要傳送* 包含檢視器預設集的資產，檢視器預設集也必須發佈。所有檢視器預設集都必須啟動和*已發佈，才能取得資產的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​可撤銷您所做的任何變更，並返回檢視器預設集頁面。

刪除自訂檢視器預設集

您可以刪除已建立並新增至動態媒體的檢視器預設集。

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

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

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

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

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

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

   注意

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

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

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

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

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

如果您使用AEM做為WCM，則可以直接在頁面上使用檢視器預設集來新增資產。 請參閱新增動態媒體資產至頁面。