檢視器預設集

檢視器預設集 是決定使用者如何在電腦螢幕和行動裝置上檢視多媒體資產的設定集合。身為一名管理員,您可以建立檢視器預設集。設定可用於檢視器設定選項的陣列。例如,您可以變更檢視器顯示大小、縮放行為、色彩方案、邊框和字型。

最佳實踐是使用 Scene 7 的 HTML5 視訊檢視器。HTML5 視訊檢視器使用的預設集是健全的視訊播放器。此單一播放程式集諸多功能於一身,能夠使用 HTML5 與 CSS 來設計播放組件,能夠實現內嵌播放,還能夠根據瀏覽器的功能來使用最適化串流與漸進式串流,可協助您將多媒體內容同時提供給桌上型電腦、平板電腦和行動裝置使用者,並確保順暢的視訊體驗。

請參閱《Adobe Scene7 檢視器參考指南》中的 關於 Adobe HTML5 檢視器

請參閱 Scene7 檢視器預設集相容性矩陣

請參閱 最佳做法: 使用 HTML5 視訊檢視器

依據檢視器而定,您可以增加社群功能。社群功能包含「內嵌」按鈕、「電子郵件」按鈕、「連結」按鈕和「造訪網站」按鈕。這些按鈕可讓使用檢視器的人與其他人分享檢視器,或開啟 Scene7 網站。

另請參閱 Scene7 檢視器資產庫範例

回應式網頁的檢視器支援

不同網頁有不同的需求。有時候您希望網頁提供的連結可在個別的瀏覽器視窗中開啟 HTML5 檢視器。有時候,則必須將 HTML5 檢視器直接嵌入主控頁面中。以後者來說,網頁可能有靜態版面。或者,可能會依據不同的裝置或不同的瀏覽器視窗大小進行「回應」並顯示不同的內容。為了符合這些需求,Scene7 隨附的 HTML5 檢視器同時支援靜態網頁和回應式網頁。

有關如何在網頁中嵌入回應式檢視器的詳細資訊,請參閱 Scene7 影像伺服 API 說明 中的 回應式靜態影像庫

檢視器預設集類型

管理員可以建立和自訂以下類型的檢視器預設集:

eCatalog 檢視器
模擬閱讀紙本目錄的體驗。您可以在頁面間移動、縮放頁面上的項目,並使用影像地圖來查看更多有關頁面項目的資訊。如果地圖區域擁有有效的 rollover_key 屬性,您也可以加入資訊面板以顯示詳細資訊和影像對應項目。若要加入資訊面板,請在「eCatalog 檢視器預設集」視窗中指定資訊伺服器 URL。

色票集檢視器
以不同色彩、材質、紋理、表面或織物顯示影像。使用者按一下縮圖,即可查看到影像的變化。

混合媒體集檢視器
在單一檢視器中顯示不同類型的媒體。您可以加入色票集、迴轉集、影像和視訊。您可以設定標籤以包含不同類型的內容,例如影像集標籤和視訊標籤。從混合媒體集播放的視訊會使用含有時間軸和視訊控制項 (如「停止」、「暫停」、「倒轉」和「播放」) 的標準視訊檢視器。設定混合媒體集檢視器預設集時,請指定要針對混合媒體集中不同類型資產使用的檢視器。您也可以使用格線檢視器或轉盤檢視器來檢視混合媒體集。

迴轉集檢視器
提供了影像的多重視圖,以便使用者能夠旋轉物件來檢視其不同方向和角度。

視訊檢視器
使用來源檔案的解析度尺寸或自訂大小來顯示視訊。Scene7 隨附許多用於播放視訊的預先定義檢視器預設集,如果您是管理員,可以建立自訂「視訊檢視器預設集」。有十幾種不同的設定可用於配置「視訊檢視器」。您可以設定其大小、前景和背景顏色、視訊和音訊控制項、進度列、使用者介面外觀、社交功能和「說明」。

視訊重新剪輯檢視器
用來建立視訊重新剪輯、提供範例音訊、背景、邊框、字幕、效果、圖形、切換和視訊。此內容會顯示在「範例 eVideo 內容」面板和「視訊重新剪輯」畫面中。

縮放檢視器
提供三種類型的縮放檢視器選擇:
縮放檢視器
可讓使用者按一下某區域進行縮放。使用者可以按一下控制項來放大、縮小,以及將影像重設為預設大小。

縮放檢視器: 彈出式
在原始影像旁邊顯示縮放區域的第二個影像。沒有控制項可供使用,使用者僅需將選取範圍移動至要檢視的區域上。

決定此檢視器的完整頻寬使用情況時,請考量檢視器會同時處理主要影像和彈出影像。主要影像大小 (「舞台寬度」和「舞台高度」) 和「縮放係數」會決定彈出影像大小。若要避免彈出檔案大小過大,請平衡以下兩個值: 如果您的主要影像較大,請降低「縮放係數」值。(「彈出寬度」和「彈出高度」會決定彈出視窗的大小,但不會決定提供給檢視器之彈出影像的大小。)

例如,如果您的主影像大小為 350 x 350 像素且「縮放係數」為 3,則產生的彈出影像為 1050 x 1050 像素。如果您的主影像大小為 300 x 300 像素且「縮放係數」為 4,則彈出影像為 1200 x 1200 像素。視 JPEG 品質設定 (建議設定為 80-90 之間) 而定,您可以顯著地降低檔案大小。建議的縮放係數為 2.5 至 4,視主影像大小而定。

Scene7 檢視器預設集相容性矩陣

下列表格能識別目前可用的 Scene7 檢視器預設集。此表格也指定了檢視器與桌上型電腦和行動裝置的相容性,以及用於個別檢視器的技術。

另請參閱 Scene7 檢視器資產庫範例

如需有關檢視器支援的 Web 瀏覽器和作業系統版本的資訊,您可以檢閱「檢視器發行說明」。

請參閱 Scene7 檢視器參考發行說明

檢視器技術

桌上型電腦

Apple iPhone

Apple iPad

Android 智慧型手機

Android 平板電腦

縮放檢視器

Universal_HTML5_Flyout

HTML5

X

X

X

X

X

Universal_HTML5_Zoom_inline

HTML5

X

X

X

X

X

Universal_HTML5_Zoom_dark

HTML5

X

X

X

X

X

Universal_HTML5_Zoom_light

HTML5

X

X

X

X

X

FlyoutZoom_Flash

Flash AS3

X

FlyoutZoom2_Flash

Flash AS3

X

Legacy-Zoom-Guided

Flash AS2

X

Zoom

Flash AS3

X

檢視器技術

桌上型電腦

Apple iPhone

Apple iPad

Android 智慧型手機

Android 平板電腦

影像集檢視器

Universal_HTML5_Flyout

HTML5

X

X

X

X

X

Universal_HTML5_ImageSet_dark

HTML5

X

X

X

X

X

Universal_HTML5_ImageSet_light

HTML5

X

X

X

X

X

FlyoutZoom_Flash

Flash AS3

X

FlyoutZoom2_Flash

Flash AS3

X

ImageSet

Flash AS3

X

ImageSet_Slideshow_Flash

Flash AS3

X

Legacy-ImageSet-Guided

Flash AS2

X

檢視器技術

桌上型電腦

Apple iPhone

Apple iPad

Android 智慧型手機

Android 平板電腦

色票集檢視器

Universal_HTML5_Flyout

HTML5

X

X

X

X

X

Universal_HTML5_SwatchSet_dark

HTML5

X

X

X

X

X

Universal_HTML5_SwatchSet_light

HTML5

X

X

X

X

X

FlyoutZoom_Flash

Flash AS3

X

FlyoutZoom2_Flash

Flash AS3

X

SwatchSet

Flash AS3

X

SwatchSet_Slideshow_Flash

Flash AS3

X

檢視器技術

桌上型電腦

Apple iPhone

Apple iPad

Android 智慧型手機

Android 平板電腦

eCatalog 檢視器

Universal_HTML5_eCatalog_Adv

(包含社交媒體的支援。)

HTML5

X

X

X

X

X

Universal_HTML5_eCatalog

(包含社交媒體的支援。)

HTML5

X

X

X

X

X

eCatalog_Flash

Flash AS3

X

eCatalog_PopupViewers_Flash

Flash AS3

X

Legacy-eCatalog

Flash AS2

X

檢視器技術

桌上型電腦

Apple iPhone

Apple iPad

Android 智慧型手機

Android 平板電腦

迴轉檢視器

Universal_HTML5_SpinSet_dark

HTML5

X

X

X

X

X

Universal_HTML5_SpinSet_light

HTML5

X

X

X

X

X

Spin

Flash AS3

X

Spin_Auto_Flash

Flash AS3

X

Spin_eCat_Flash

Flash AS3

X

檢視器技術

桌上型電腦

Apple iPhone

Apple iPad

Android 智慧型手機

Android 平板電腦

BlackBerry 智慧型手機

Windows 電話

eVideo 檢視器

Scene7 支援 MP4 H.264 視訊的行動裝置視訊播放。您可以在下列文件中找到支援此視訊格式的 Blackberry 裝置:

Blackberry 支援的視訊格式 (英文版)

您也可以在下列文件中找到支援此視訊格式的 Windows 裝置:

Windows Phone 支援的視訊格式 (英文版)

Universal_HTML5_Video

(包含隱藏式註解的支援。)

請參閱 最佳做法: 使用 HTML5 視訊檢視器

HTML5

X

X

X

X

X

X

X

Universal_HTML5_Video_社會

(包含隱藏式註解與社交媒體的支援。)

HTML5

X

X

X

X

X

X

X

Video

Flash AS3

X

Video_eCat

Flash AS3

X

Video_Caption

Flash AS3

X

檢視器技術

桌上型電腦

Apple iPhone

Apple iPad

Android 智慧型手機

Android 平板電腦

視訊重新剪輯檢視器

VideoRecut

Flash AS3

X

檢視器技術

桌上型電腦

Apple iPhone

Apple iPad

Android 智慧型手機

Android 平板電腦

混合媒體集檢視器

Universal_HTML5_MixedMedia_dark

HTML5

X

X

X

X

X

Universal_HTML5_MixedMedia_light

HTML5

X

X

X

X

X

MixedMedia_AutoSpin_Flash

Flash AS3

X

Mixed_Media

Flash AS3

X

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

下表說明 iOS、Android 2.x 與 Android 3.x 裝置所支援的行動檢視器手勢。

手勢

彈出縮放

縮放

eCatalog

迴轉

拖曳

平移

平移

平移

平移

點選

顯示彈出視窗

顯示或隱藏使用者介面

顯示或隱藏使用者介面

顯示或隱藏使用者介面

雙點

不套用

放大或重設

放大或重設

放大或重設

雙指分開

不套用

放大 (僅限 iOS 與 Android 3x)

放大 (僅限 iOS 與 Android 3x)

放大 (僅限 iOS 與 Android 3x)

雙指靠攏

不套用

縮小 (僅限 iOS 與 Android 3x)

縮小 (僅限 iOS 與 Android 3x)

縮小 (僅限 iOS 與 Android 3x)

揮動

捲動色票列

捲動影像

捲動頁面

迴轉

輕觸

捲動色票列

捲動影像

捲動頁面

迴轉

關於檢視器預設集畫面

在「檢視器預設集」畫面建立和管理檢視器預設集。若要開啟此畫面,請按一下「 設定 > 檢視器預設集 」。

「檢視器預設集」畫面提供了執行下列工作的工具:

增加預設集
按一下「 增加 」並在「增加檢視器預設集」對話框中進行選擇。

請參閱 增加和編輯檢視器預設集

編輯預設集
選取預設集,然後按一下「 編輯 」。

請參閱 增加和編輯檢視器預設集

刪除預設集
選取預設集,然後按一下「 刪除 」。

增加本地化支援至預設集
將地區地圖字串值增加至「發佈設定」下的「影像伺服器」,然後編輯 Flash AS3 檢視器預設集,並增加本地化的工具提示文字。

請參閱 增加本地化支援至 Flash AS3 檢視器預設集

匯出預設集
選取 HTML5 或 Flash AS3 檢視器預設集,然後按一下「匯出」,即可下載檢視器外觀,作為建立和增加新檢視器預設集的基礎。

請參閱 匯出 HTM 5 或 Flash AS3 檢視器預設集

篩選檢視器預設集清單
使用下列工具來篩選清單:
  • 開啟「 作用中/非作用中 」下拉式清單並選擇一個選項,以顯示作用中的預設集、非作用中的預設集或所有預設集。

  • 開啟「 平台 」下拉式清單,選擇僅顯示 Flash AS3 平台的檢視器。

  • 開啟「 檢視器 」下拉式清單並選擇一個選項,以僅查看特定種類的檢視器。選擇「 所有檢視器 」以查看所有檢視器。

排序預設集
按一下欄標題 (「作用中」、「通用」、「類型」、「預設集」或「平台」) 以將該欄上的清單排序。再按一下欄標題即可依遞減 (或遞增) 順序排列清單。

請參閱 關於通用檢視器

啟用和停用預設集
選取預設集並按一下「作用中」選項,即可將其啟用或停用。

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

按一下「檢視器預設集」畫面右側的「預覽」即可檢視資產在您選取的檢視器預設集中外觀如何。若要查看不同資產,您可以按一下「檢視器預設集」畫面中的「瀏覽」,並在「選取資產預覽」對話框中選取不同資產。

增加和編輯檢視器預設集

除了在使用者介面中使用「增加」來增加檢視器預設集之外,您也可以使用「匯出」來增加檢視器預設集。您只要匯出現有的 Flash AS3 或 HTML5 檢視器預設集,然後將其用作新預設集的基礎即可。

請參閱 匯出 HTM 5 或 Flash AS3 檢視器預設集

增加和編輯檢視器預設集

  1. 在靠近 Scene7 Publishing System 右上角的地方,按一下「 設定 > 檢視器預設集 」。

    您可以篩選預設集的清單。例如,若只要查看視訊檢視器的預設集,請從表格正上方工具列上的「檢視器」下拉式選單中選取「視訊檢視器」。

  2. 在「檢視器預設集」畫面中,增加或編輯「檢視器預設集」畫面上的檢視器預設集。

    增加
    按一下工具列上的「 增加 」。在「增加檢視器預設集」對話框中,選擇平台後,然後選擇多媒體資產類型。

    完成建立檢視器預設集後,請按一下「 另存新檔 」。

    從現有的「檢視器預設集」開始增加
    從表格中選取一個視訊檢視器預設集,然後按一下工具列上的「 編輯 」。

    重新設定「視訊檢視器」後,在「預設集名稱」文字欄位中按一下「 另存新檔 」,以不同的名稱儲存預設集。

    編輯
    選取現有的檢視器預設集,然後按一下「 編輯 」。

  3. 在「設定檢視器」畫面的「預設集名稱」欄位中,輸入或編輯預設集名稱。

  4. 設定其它想要的選項。

    備註: 選擇「與來源同」,將「視訊檢視器」自動調整為編碼視訊自身的解析度大小。如果選擇該選項,則不能輸入「舞台寬度」和「舞台高度」。相反,這些選項來自視訊本身。如果您選擇「與來源同」,請設定「邊距大小」選項以反映視訊播放區域外部的外觀尺寸。該邊距大小是視訊控制項的像素高度和寬度。您可以使用以下圖示來協助您決定要使用的邊距大小。
    檢視完整大小的圖形
    舞台高度和寬度,以及視訊檢視器的邊距高度和寬度。
  5. 進行以下一項操作:

    • 如果從現有預設集開始增加「檢視器預設集」,請按一下「 另存新檔 」。

    • 如果是增加或編輯「檢視器預設集」,請按一下「 儲存 」。

增加本地化支援至 Flash AS3 檢視器預設集

您可以增加已本地化的工具提示文字至 Flash AS3 檢視器。

若要完成此功能,您須先定義「影像伺服器」上的地區地圖字串。然後編輯 Flash AS3 檢視器預設集的工具提示文字。

請參閱 進行資產本地化設定時的注意事項

請注意,Scene7 Publishing System 不包含東方語言字體,例如日文、中文或韓文。此類語言通常需要 UTF-8 或其他字元集。因此,若要在工具提示文字使用此類語言,您可以從該地區登入 Scene7,然後輸入您要的工具提示值。或者,以 UTF-8 編碼工具提示文字;也就是,從執行所需東方語言的文書處理器對文字執行剪貼作業。

若要在「檢視器」使用已本地化的工具提示,除了遵循下列步驟之外,仍有其他替代方式可供選擇。您可以直接在「檢視器 SDK」中,將已本地化的工具提示甚至是圖形增加至「檢視器」。如需指示說明,請參閱《 適用於 Adobe Flash 的 Adobe Scene7 檢視器 SDK 》PDF 指引中的「 本地化 」一章,這是 Adobe Scene7 檢視器 SDK 的一部分,可從 Adobe Developer Connection 下載。

備註: 若要設定「本地化支援」選項,請聯絡 Adobe Scene7 技術支援,或將電子郵件傳送到 s7support@adobe.com 請求設定協助。
增加本地化支援至 Flash AS3 檢視器預設集
  1. 按一下「 設定 > 應用程式設定 > 發佈設定 > 影像伺服器 」。

  2. 在「影像伺服器發佈」面板中,向下捲動至「本地化支援」章節。

    備註: 若要設定「本地化支援」選項,請聯絡 Adobe Scene7 技術支援,或將電子郵件傳送到 s7support@adobe.com 請求設定。
  3. 在「地區地圖字串文字欄位」中,指定您要支援的語言。

    例如,如果您要在「檢視器」中支援英文、西班牙文、日文,則地圖字串的適當語法為「 en,en,|es,es,|ja,ja, 」。參數為「 LocaleStrMap 」。

    兩個字母為一組的語言代碼是取該語言名稱的首兩個字母。您也可以將語言名稱拼出來,而非使用兩個字母代碼 (例如: English、en、 )。無論您使用何種方法,編輯「檢視器預設集」時,您在此指定的語言清單也會填入出現於「地區」下拉式清單的語言清單中。也可以透過變更檢視器的 URL 要求本地化檢視器: viewerURL&locale=en

  4. 按一下「 儲存 」,然後按一下「 確定 」。

  5. 在「設定」畫面的左側面板中,按一下「應用程式」下的「 檢視器 > 檢視器預設集 」。

  6. 在「設定」工具列上的「所有平台」下拉式清單中,選取 Flash AS3。

  7. 選取作用中的「檢視器預設集」,然後再「設定」工具列上按一下「 編輯 」。

  8. 在「設定檢視器」畫面中的「地區」下拉式清單,選取您希望能在檢視器中本地化的工具提示語言。

  9. 在「設定檢視器」畫面的左側面板中,按一下某組件的名稱,例如「暫停播放按鈕」或「全螢幕按鈕」。

  10. 在組件的工具提示文字欄位中,輸入您選取的語言值。

  11. 將「檢視器」預設集中不同的組件工具提示值輸入完成之後,按一下「設定檢視器」畫面右下角的「 另存新檔 」。

  12. 如欲支援其他語言,請重複步驟 8 到 10。

  13. 在「另存為新預設集名稱」對話框中,輸入「檢視器預設集」的新名稱,然後按一下「 儲存 」。

匯出 HTM 5 或 Flash AS3 檢視器預設集

您可以匯出現有的 HTML5 或 Flash AS3 檢視器預設集,當作建立新 HTML5 或 Flash AS3 檢視器預設集的基礎。匯出選項十分有用,因為您不需從頭建立檢視器, 但可以匯出與您要的外觀和行為接近的預設集,然後將其用作進行設計調整的起點。

如果您要匯出 HTML5 檢視器預設集,請確保您已安裝 HTML5 Viewer SDK,才能編輯匯出的 CSS 和相關 Javascript。同樣的,如果您要匯出 Flash AS3 檢視器預設集,請確保 Adobe Flash Professional 上已安裝 Flash Viewer SDK,才能編輯匯出的 FLA 檔案。

請參閱 開發人員資源

匯出 HTM 5 或 Flash AS3 檢視器預設集

  1. 按一下「 設定 」>「 檢視器預設集 」。

  2. 在「檢視器預設集」工具列左邊的第二個下拉式清單中,選取「 HTML5 」或「 Flash AS3 」。

  3. 在左邊第三個下拉式清單中,選取 所有檢視器

  4. 選取您要用來作為新 HTML5 或 Flash AS3 檢視器預設集之基礎的檢視器預設集。

  5. 在工具列中按一下「 匯出 」。

  6. 在「匯出選取的資產」對話框中按一下「 提交匯出 」。

    如果您匯出 Flash AS3 檢視器,就會在匯出後取得一個壓縮的 FLA 檔案。或者,如果您已匯出 HTML5 檢視器,則會有一個 CSS 檔案。下載並解壓縮檔案。

  7. 根據您匯出的檢視器預設集,執行下列其中一項操作:

    • 在 Adobe Flash Professional 中開啟 FLA 檔案,並進行變更。確保您在編輯檔案前已安裝 Scene7 Viewer Flash SDK。

      匯出 FLA 檔案為影片,並儲存所產生的 SWF 檔案。

    • 在 CSS 編輯器中開啟 CSS 檔案,進行變更後儲存檔案。

  8. 將 SWF 檔案或 CSS 檔案上載至 Scene7 Publishing System。

    請參閱 上載檔案

  9. 將 SWF 檔案或 CSS 檔案發佈至 Scene7 影像伺服器。

    請參閱 發佈檔案

  10. 照常增加檢視器預設集。視您所匯出的檢視器而定,選取您剛才上載之檢視器 SWF 或檢視器 CSS 檔案。

    請參閱 增加和編輯檢視器預設集

啟用或停用檢視器預設集

若要建立 URL 來顯示資產,使用者可以開啟「預覽」對話框中的「預設集」下拉式清單、選取「檢視器預設集」,然後按一下「複製 URL」(請參閱 複製檢視器預設集的 URL )。預設集清單提供了管理員在「檢視器預設集」畫面所增加和管理的檢視器預設集。例如,使用者預覽 eCatalog 時,所有作用中的 eCatalog 檢視器預設集都會顯示在「預覽」對話框中的「預設集」下拉式清單中。

除非您在「檢視器預設集」畫面上停用檢視器預設集,否則「預覽」對話框中的「預設集」下拉式清單可能會過於擁擠。

啟用或停用「檢視器預設集」

  1. 選擇「設定 > 檢視器預設集」以開啟「檢視器預設集」畫面。

  2. 選取或取消選取「作用中」選項,即可啟用或停用檢視器預設集。

複製檢視器預設集的 URL

發佈資產後,您就可以複製 URL,以「檢視器預設集」的設定來顯示資產。

URL 便會複製到剪貼簿。您可以視需要在網頁、行動裝置或應用程式的 HTML 代碼中加以使用。

複製檢視器預設集的 URL

  1. 在「瀏覽面板」中選取資產。

  2. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:
    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,按兩下單一資產以在「詳細檢視」中開啟。在右側「URL」和「內嵌程式碼」面板中,按一下您要的檢視器右側的「 複製 URL 」。

    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,選取單一資產,然後在縮圖影像下方按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。

    • 按一下「 清單檢視 」。在「資產瀏覽」面板中,選取單一資產,然後按一下縮圖影像右側的「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。

    • 按一下「 格點檢視 」、「 清單檢視 」或「 詳細檢視 」。在同一個工具列上,按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。

複製檢視器預設集的內嵌程式碼

您可使用「內嵌程式碼」功能查看所選「檢視器預設集」的檢視器程式碼。您也可以將該程式碼複製到剪貼簿,然後在您的網頁中貼上,以便部署檢視器。

不可在「內嵌程式碼」對話框中編輯程式碼。

複製檢視器預設集的內嵌程式碼

  1. 在「資產瀏覽」面板中選取資產。

  2. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:
    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,按兩下單一資產以在「詳細檢視」中開啟。在右側的 URL 面板中,按一下「 內嵌程式碼 」。

    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,選取單一資產,然後在縮圖影像下方按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。

    • 按一下「 清單檢視 」。在「資產瀏覽」面板中,選取單一資產,然後按一下縮圖影像右側的「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。

    • 按一下「 格點檢視 」、「 清單檢視 」或「 詳細檢視 」。在同一個工具列上,按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。

  3. 在「內嵌程式碼」對話框中,按一下「 複製至剪貼簿 」。

  4. 按一下「 關閉 」。

關於通用檢視器

備註: 通用檢視器僅適用於舊版產品,使用通用檢視器並不是最佳實踐,因此不建議這麼做。最佳實踐是使用 Scene7 Publishing System 隨附的 HTML5 檢視器。

請參閱 最佳做法: 使用 HTML5 視訊檢視器

另請參閱 Scene7 檢視器預設集相容性矩陣

您可以使用通用檢視器輕鬆地從單一 URL 發佈視訊與影像至多個畫面,例如桌上型電腦、智慧型手機與平板電腦。

在過去,因為不同的平台支援不同的技術 (例如 Flash 或 HTML5),您必須建立自己的檢視器。之後,您還必須寫入自己的裝置偵測才能在不同體驗之間切換。整體而言,整個程序需要較多的開發工作,也需要維護多個 URL。

您設定通用檢視器之後,Scene7 便能為您提供單一通用 URL,讓您部署並整合至網站、行動網站和行動應用程式。此外,Scene7 Publishing System 會自動進行裝置偵測,並針對正確的裝置,以正確的檢視器為您的客戶提供正確的內容。

實際的通用檢視器設定是在「應用程式設定」中進行。您可以設定的檢視器類型包括「縮放」、「影像集」、「色票集」、「迴轉」、「eCatalog」和「視訊」。

您也可以將現有的通用檢視器預設集當成建立自有名稱「通用檢視器」設定檔的基礎。例如,您可以決定針對本地化用途、針對同公司內不同的事業體、產品類別或是每個季節 (例如春季 eCatalog 通用檢視器與夏季 eCatalog 通用檢視器),來建立相同類型的不同檢視器。

對於每一個檢視器類型 (如「縮放」),皆會顯示其目標平台和相關聯的檢視器,例如以 HTML 或以 FLASH 技術為基礎的檢視器。對於不同的目標平台,您可以拖放要用於特定裝置的檢視器,例如智慧型手機、平板電腦或桌上型電腦。

對於手持式智慧型手機,則支援以 Android 和 Apple 為基礎的智慧型手機。對於平板電腦,則支援以 Android 和 Apple 為基礎的平板電腦。對於桌上型電腦,則支援 Flash Player。

若要於稍後編輯通用檢視器的設定,請務必將工作發佈至 Scene7 影像伺服器,使變更生效。

另請參閱 Scene7 檢視器資產庫範例

設定通用檢視器

備註: 通用檢視器僅適用於舊版產品,使用通用檢視器並不是最佳實踐,因此不建議這麼做。最佳實踐是使用 Scene7 Publishing System 隨附的 HTML5 檢視器。

請參閱 最佳做法: 使用 HTML5 視訊檢視器

另請參閱 Scene7 檢視器預設集相容性矩陣

通用檢視器中可供設定的檢視器是所有 Scene7 隨附預先定義的檢視器預設集,加上任何由您增加之自訂檢視器的組合。它會排除任何種類之已實作但尚未上載至 Scene7 Publishing System 的自訂檢視器。

透過查看「檢視器預設集」中列出的檢視器,您便可以看見哪些檢視器在通用檢視器中是公開且可選取的。

請參閱 檢視器預設集

如果您要編輯現有的通用檢視器設定,請務必將工作發佈至 Scene7 影像伺服器,使變更生效。

設定通用檢視器

  1. 在「設定」選單上按一下「 應用程式設定 」。

  2. 在左側面板的「應用程式設定」樹狀結構中按一下「 檢視器 > 通用檢視器 」。

  3. 在「通用檢視器」頁面左上方附近,按一下某個檢視器類型標籤或是「 新增描述檔 」標籤,然後進行以下一項操作:

    如果您按下的檢視器類型為

    請執行下列動作:

    「縮放」、「影像集」、「色票集」、「迴轉」或「eCatalog」

    在以 HTML 為基礎的檢視器 群組方框或 Adobe Flash 專屬檢視器 群組方框中,將您要使用的檢視器拖放到裝置畫面上。

    當您將滑鼠游標移至檢視器,與檢視器相容的裝置畫面便會在使用者介面中反白顯示;不相容的裝置畫面則會呈暗灰色 (無法使用)。

    視訊

    若要使用視訊的通用 URL,您必須將以不同位元速率編碼的視訊分組至最適化視訊集。原因是,您不應在不同的畫面上使用相同的視訊來播放。例如,行動裝置通常要求較低位元速率的視訊,但桌上型電腦的螢幕則可以容納較高位元速率。

    • 在視訊檢視器群組方框中,將您要使用的檢視器拖放至桌上型電腦的畫面上。

      如果您要在桌上型電腦上支援最適化串流,請使用 AS3「視訊」檢視器。

    • 在「智慧型手機」文字欄位或「平板電腦」文字欄位中,輸入各裝置上的目標播放位元速率。這些欄位僅在沒有最適化串流時適用。針對擁有 eVideo 串流授權的客戶,Apple iOS 裝置支援最適化串流。這種情況下,會根據偵測到的頻寬來自動挑選視訊位元速率。否則,Scene7 會在最適化視訊集中挑選最接近目標位元速率者,而不會透過漸進式下載來播放該視訊。行動裝置擁有原生、內建的視訊播放器,因此沒有檢視器。

    位元速率是視訊品質等級的度量。換句話說,位元速率越高,視訊品質便越好。反之,位元速率越低,視訊品質也就越低。例如,您可以針對智慧型手機輸入較低的目標 Kbps 速率,因為它們通常是在較低的頻寬連線上使用。而針對較高的頻寬連線,您可以為平板電腦上輸入較高位元速率,因為您的客戶很可能是使用 Wi-Fi 連線。建議您為「智慧型手機」類別設定「500」、為「平板電腦」類別設定「1000」的目標位元速率。

    請參閱 視訊編碼最佳實踐

    新增描述檔

    • 在「新增描述檔」標籤上的下拉式清單中,選取您要當成新的通用檢視器基礎的檢視器預設集。

    • 在以 HTML 為基礎的檢視器群組方框或 Adobe Flash 專屬檢視器群組方框中,將您要使用的檢視器拖放到裝置畫面上。

      當您將滑鼠游標移至檢視器,與檢視器相容的裝置畫面便會在使用者介面中反白顯示;不相容的裝置畫面則會呈暗灰色 (無法使用)。

    • 按兩下「 新增描述檔 」標籤,然後在文字欄位中輸入新的通用檢視器名稱。

  4. (選擇性) 在「 選取影像預設集遞補 」下拉式清單中,選取您要使用的影像預設集名稱。

    如果 Scene7 遭遇到不支援的裝置或畫面,便會使用您從下拉式清單中選取的預設集設定來顯示靜態影像。此清單是以您在 Scene7 Publishing System 中建立和增加的影像預設集為基礎。

    請參閱 建立和編輯「影像預設集」

  5. 在「通用檢視器」頁面右下角,按一下「 儲存 」。

  6. 按一下「 關閉 」即可返回「瀏覽」頁面。

預覽通用檢視器

備註: 通用檢視器僅適用於舊版產品,使用通用檢視器並不是最佳實踐,因此不建議這麼做。最佳實踐是使用 Scene7 Publishing System 隨附的 HTML5 檢視器。

請參閱 最佳做法: 使用 HTML5 視訊檢視器

另請參閱 Scene7 檢視器預設集相容性矩陣

您可以預覽所設定的通用檢視器,以確保針對正確的裝置選取了正確的檢視器。

如果您稍後需要對通用檢視器設定進行任何變更,請確保您將工作發佈至 Scene7 影像伺服器,使變更生效。

另請參閱 Scene7 檢視器資產庫範例

預覽通用檢視器

  1. 在左側的「資產庫」面板中,導覽至含有您要以檢視器預覽之資產的「資產」資料夾。

  2. 在工具列右側的「資產瀏覽」面板上方,按一下「 格點檢視 」、「 清單檢視 」或「 詳細檢視 」。

  3. 依據您使用的檢視,進行以下一項操作:

    • 在「格點檢視」或「清單檢視」的「資產瀏覽」面板中,選取單一資產。在縮圖影像旁的「 預覽 」下拉清單中選取「 檢視器清單 」。

    • 在「格點檢視」、「清單檢視」或「詳細檢視」之「資產」視窗上方工具列內,按一下「 預覽 」下拉清單中的「 檢視器清單 」。

  4. 進行以下一項操作:

    • 在「檢視器清單」表格中按一下欄標題 「平台類型」 ,以遞增或遞減順序來排序欄。

      在「平台類型」欄,尋找平台類型為「通用」的檢視器名稱,然後按一下您要查看之檢視器列中的「 預覽 」。

    • 在「檢視器清單」表格右上方的「 平台 」下拉式清單中,選取「 通用 」以根據「通用」平台類型篩選表格。

      在您要查看的通用檢視器列中,按一下「 預覽 」。

  5. 關閉瀏覽器彈出式視窗中顯示的檢視器,即可返回「檢視器清單」畫面。

  6. 在畫面右下角,按一下「 關閉 」即可返回「資產」視窗。

複製通用檢視器的 URL

備註: 通用檢視器僅適用於舊版產品,使用通用檢視器並不是最佳實踐,因此不建議這麼做。最佳實踐是使用 Scene7 Publishing System 隨附的 HTML5 檢視器。

請參閱 最佳做法: 使用 HTML5 視訊檢視器

另請參閱 Scene7 檢視器預設集相容性矩陣

您可以從「檢視器清單」視窗或「詳細檢視」視窗中複製通用 URL。

複製通用檢視器的 URL

  1. 在左側的「資產庫」面板中,導覽至含有您要複製其 URL 之資產的「資產」檔案夾。

  2. 請執行下列動作:

  3. 以下列方式複製通用 URL

    進行以下一項操作:

    檢視器清單

    • 在「資產」視窗上方的工具列右側,按一下「 格點檢視 」。在「資產」視窗的資產縮圖影像下方,按一下「 預覽 > 檢視器清單 」。

    • 在「資產」視窗上方的工具列右側,按一下「 清單檢視 」。在「資產」視窗中選取資產,然後按一下縮圖影像右側的「 預覽 > 檢視器清單 」。

    • 在「資產」視窗上方的工具列右側,按一下「 詳細檢視 」。在相同工具列上,按一下「 預覽 > 檢視器清單 」。

    詳細檢視

    • 在「資產」視窗上方的工具列右側,按一下「 格點檢視 」。在「資產」視窗中,按兩下單一資產的縮圖影像,即可在「詳細檢視」中開啟。

  4. (如果您是在「格點檢視」或「清單檢視」中,則可選用此步驟,如果是在「詳細檢視」中,則不適用)。在靠近「檢視器清單」視窗左下角的「 產生複製 URL 的 URL 編碼 」下拉清單中,選取您要在複製 URL 時套用至資產 URL 的 URL 編碼。

  5. 進行以下一項操作:
    • 如果您是透過「檢視器清單」視窗存取,則請在平台類型為「通用」的列中按一下「 複製 URL 」。

    • 如果您是透過「詳細檢視」存取,則請在 URL 面板的「通用預設集」標題下方按一下「 複製 URL 」。

複製「通用檢視器」的內嵌程式碼

備註: 通用檢視器僅適用於舊版產品,使用通用檢視器並不是最佳實踐,因此不建議這麼做。最佳實踐是使用 Scene7 Publishing System 隨附的 HTML5 檢視器。

請參閱 最佳做法: 使用 HTML5 視訊檢視器

另請參閱 Scene7 檢視器預設集相容性矩陣

您可使用「內嵌程式碼」功能查看所選「通用檢視器」的檢視器程式碼。您也可以將該程式碼複製到剪貼簿,然後在您的網頁中貼上,以便部署檢視器。不可在「內嵌程式碼」對話框中編輯程式碼。

複製通用檢視器的內嵌程式碼

  1. 在左側的「資產庫」面板中,導覽至含有您要複製其內嵌程式碼之「通用」檢視器資產的資產資料夾。

  2. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:
    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,按兩下單一資產以在「詳細檢視」中開啟。在右側「URL」和「內嵌程式碼」面板中的「通用預設集」下方,按一下您要的檢視器右側的「 內嵌程式碼 」。

    • 按一下「 格點檢視 」。在「資產瀏覽」面板中,選取單一資產,然後在縮圖影像下方按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,表格中「動作」欄下方,按一下您要的通用檢視器右側的「 內嵌程式碼 」。

    • 按一下「 清單檢視 」。在「資產瀏覽」面板中,選取單一資產,然後按一下縮圖影像右側的「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,表格中「動作」欄下方,按一下您要的通用檢視器右側的「 內嵌程式碼 」。

    • 按一下「 格點檢視 」、「 清單檢視 」或「 詳細檢視 」。在同一個工具列上,按一下「 預覽 > 檢視器清單 」。

      在「檢視器清單」頁面,表格中「動作」欄下方,按一下您要的通用檢視器右側的「 內嵌程式碼 」。

  3. 在「內嵌程式碼」對話框中的文字欄位,指定「通用」檢視器內嵌程式碼的目標 DIV 圖層名稱。

    您可以指定自己喜歡的名稱。名稱僅用於組織 DIV 圖層及內嵌程式碼的 setTargetDiv 標籤。

  4. 按一下「 取得內嵌程式碼 」。

    不可在「內嵌程式碼」對話框中編輯程式碼。

  5. 按一下「 複製到剪貼簿 」。

  6. 按一下「 關閉 」。