將視訊部署到網站和行動裝置網站

透過使用 URL 字串或內嵌程式碼,網站、行動網站和桌上型電腦應用程式即可存取 Scene7 伺服器內容,包括視訊。Scene7 會在發佈過程中啟用這些 URL 字串。若要將視訊的 URL 字串或內嵌程式碼放在網頁、行動網頁和桌上型電腦應用程式中,請從 Scene7 Publishing System 中複製該字串。

重要事項: 在發佈資產之前,URL 或內嵌程式碼不會產生作用。

發佈視訊

發佈視訊讓 Scene7 伺服器可將視訊傳送到網站、行動裝置網站或應用程式。

您可使用兩種不同的方法來發佈視訊:

  • 在上載時立即自動發佈視訊

    在視訊上載過程中,Scene7 可以在上載及編碼視訊時自動發佈視訊。此立即發佈功能意味著不需要另外再發佈視訊 (因為已經發佈了)。

  • 在上載後手動發佈視訊

    如果您不想立即發佈視訊,可以隨時手動發佈視訊。

在您發佈視訊之後,Scene7 Publishing System 會啟用 HTML 頁面或應用程式代碼的 URL 字串。

發佈視訊

進行以下一項操作:
  • 若要在上載時立即自動發佈視訊,請按一下「上載」畫面中的「 上載後發佈 」。程序已完成,您不需要再做任何步驟。

  • 若要在上載後手動發佈視訊,請在「瀏覽」面板中選取視訊,然後按一下全域導覽列上的「 發佈 」。

將視訊 URL 連結至行動網站或網站

發佈視訊後,您便可以取得其 URL,以在您的網站、行動網站或桌上型電腦應用程式中使用。當您想要在網頁頂端的彈出式視窗或浮出視窗中顯示視訊,請使用視訊 URL。

當客戶按下連結時,便會自動偵測其裝置、頻寬和螢幕大小。系統會在預先定義的桌上型電腦檢視器或智慧型手機和平板電腦的行動裝置本機視訊播放器中,顯示適當的視訊以供播放。

另請參閱 在網頁上內嵌視訊檢視器

將視訊 URL 連結至行動網站或網站

  1. 在「資產瀏覽」面板的「顯示」下拉式清單中,按一下「 視訊 」或「 最適化視訊集 」。

  2. 在左側的「資產庫」面板中,瀏覽至包含您要連結之視訊或最適化視訊集的資產資料夾。

  3. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:
    • 按一下「 格點檢視 」或「 清單檢視 」。在「資產瀏覽」面板中,按兩下單一資產的視訊縮圖,即可在「詳細檢視」中開啟它。在右側「URL 和內嵌程式碼」面板的「HTTP 串流」底下,按一下您要的檢視器右側的「 複製 URL 」。最佳實踐是複製與 Universal_HTML5_Video 檢視器關聯的 URL。

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。最佳實踐是複製與 Universal_HTML5_Video 檢視器關聯的 URL。

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。最佳實踐是複製與 Universal_HTML5_Video 檢視器關聯的 URL。

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 複製 URL 」。最佳實踐是複製與 Universal_HTML5_Video 檢視器關聯的 URL。

  4. 將 HTML5 視訊 URL 連結貼到您的網站和行動網站上。

在網頁上內嵌視訊檢視器

當您想播放網頁上內嵌的視訊時,請使用「內嵌程式碼」功能。將內嵌程式碼複製到剪貼簿上,以便貼到網頁中。不可在「內嵌程式碼」對話框中編輯程式碼。

另請參閱 將視訊 URL 連結至行動網站或網站

在網頁上內嵌視訊檢視器

  1. 在「資產瀏覽」面板的「顯示」下拉式清單中,按一下「 視訊 」或「 最適化視訊集 」。

  2. 在左側的「資產庫」面板中,瀏覽至包含您要複製其內嵌程式碼的視訊或最適化視訊集的資產資料夾。

  3. 在工具列右側的「資產瀏覽」面板上方,執行下列任一操作:
    • 按一下「 格點檢視 」或「 清單檢視 」。在「資產瀏覽」面板中,按兩下單一資產的視訊縮圖,即可在「詳細檢視」中開啟它。在右側「URL 和內嵌程式碼」面板的「HTTP 串流」底下,按一下您要的檢視器右側的「 內嵌程式碼 」。最佳實踐是按一下與 Universal_HTML5_Video 檢視器關聯的「 內嵌程式碼 」。

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。最佳實踐是按一下與 Universal_HTML5_Video 檢視器關聯的「 內嵌程式碼 」。

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。最佳實踐是按一下與 Universal_HTML5_Video 檢視器關聯的「 內嵌程式碼 」。

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

      在「檢視器清單」頁面,按一下表格中「動作」欄下方的「 內嵌程式碼 」。最佳實踐是按一下與 Universal_HTML5_Video 檢視器關聯的「 內嵌程式碼 」。

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

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

  5. 按一下「 關閉 」。

  6. 在您的網頁中貼上內嵌程式碼。

實作適用於搭配 MP4 和 OGG 視訊資產使用 HTML5 視訊的內嵌程式碼

如果您不是使用 Scene7 HTML5 視訊播放器,而是想要使用原生 HTML5 <video> 標記搭配 MP4 和 OGG 視訊資產,可以使用以下的內嵌程式碼範例:

<video poster="S7 video thumbnail URL" controls> 
        <source src="S7 OGG video asset URL (no player)" type='video/ogg; codecs="theora, vorbis"'/> 
        <source src="S7 MP4 mobile progressive video asset URL (no player)" type='video/mp4; codecs="avc1.4D401E, mp4a.40.2"'/> 
        <p>This is fallback content</p> 
</video>

部署使用第三方視訊播放器的視訊

如果您使用第三方的視訊播放器或自訂建置的視訊播放器,而非 Scene7 視訊檢視器,您可以取得直接視訊 URL,用於 HTTP 與 iOS 多位元速率視訊串流或漸進式下載。

部署使用第三方視訊播放器的視訊

  1. 在 Scene7 Publishing System 的「全域導覽」列上,按一下「 設定 > 應用程式設定 > 一般設定 」。

  2. 依據您要使用的 URL 類型,執行下列其中一項工作:

產生用於桌上型電腦的直接 HTTP 串流視訊 URL (多位元速率)

  1. 在「 應用程式一般設定 」頁面之「 伺服器 」群組的「 發佈的伺服器名稱 」文字欄位中,使用下列語法建構直接 URL:

    server/is/content/company/folder/filename.f4m

    例如,假設發佈的伺服器名稱為 http://s7d9.scene7.com/ 。使用步驟 2 的語法,直接 URL 可能如下所示:

  2. http://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.f4m

產生直接 iOS 串流視訊 URL (多位元速率)

在「 應用程式一般設定 」頁面之「 伺服器 」群組的「 發佈的伺服器名稱 」文字欄位中,使用下列語法建構直接 URL:

server/is/content/company/folder/filename.m3u8

例如,假設發佈的伺服器名稱為 http://s7d9.scene7.com/ 。使用步驟 2 的語法,直接 URL 可能如下所示:

http://s7d9.scene7.com/is/content/GeoRetail/AdobeRIA-AVS.m3u8

產生用於桌上型電腦的直接 HTTP 串流視訊 URL (單一位元速率)

  1. 在「 應用程式一般設定 」頁面之「 伺服器 」群組的「 iOS 資料流伺服器名稱 」文字欄位上,使用「 hds/vod 」來取代伺服器名稱中的「 hls/vod 」。

  2. 使用下列語法建構直接 eVideo URL:

    server/company/folder/filename.ext.f4m

    例如,使用上述語法的直接 eVideo URL 範例可能如下所示:

    http://s7mbrstream.scene7.com/hds-vod/eVideoQA/MBR/ToyStory3_Teaser1_High_iPad_768x432_1296K.mp4.f4m

產生直接 iOS 串流視訊 URL (單一位元速率):

在「 應用程式一般設定 」頁面之「 伺服器 」群組的「 iOS 資料流伺服器名稱 」文字欄位上,將「 server/company/folder/filename.ext.m3u8 」與 iOS 串流伺服器的名稱合併。

例如,假設 iOS 串流伺服器名稱為 http://s7mbrstream.scene7.com/hls-vod/ 。使用步驟 2 的語法,直接 eVideo URL 可能如下所示:

http://s7mbrstream.scene7.com/hls-vod/eVideoQA/MBR/ToyStory3_Teaser1_High_iPad_768x432_1296K.mp4.m3u8

產生直接漸進式視訊 URL

在「 應用程式一般設定 」頁面之「 伺服器 」群組的「 漸進式視訊伺服器名稱 」文字欄位上,使用下列語法建構直接 eVideo URL:

server/company/folder/filename

例如,假設漸進式視訊伺服器名稱為 http://s7d9.scene7.com/e2/ 。使用步驟 2 的語法,直接 eVideo URL 可能如下所示:

http://s7d9.scene7.com/e2/GeoRetail/SourceVideo/outdoors.mp4

使用視訊縮圖

Scene7 會產生視訊重新剪輯、編碼視訊和預先編碼視訊的縮圖。您可以像使用任何影像資產一樣使用視訊縮圖。此外,您可以取得 Scene7 所產生視訊縮圖的 URL,並將這些 URL 部署到 SPS 的外部。例如,您可以在網站的搜尋結果、相關視訊清單和視訊播放清單中部署縮圖。

縮圖的產生以視訊中的首個異質影格 (非全黑影格或全白影格等等) 為基礎。

另請參閱 視訊重新剪輯

取得視訊縮圖 URL

Scene7 會在上載過程中自動產生視訊縮圖。縮圖在清單檢視和格點檢視的瀏覽面板中顯示。

若要產生視訊縮圖的 URL,請執行發佈作業。

請參閱 發佈視訊

在發佈後,您可以在「URL 和內嵌程式碼」面板的「詳細檢視」中,取得視訊縮圖 URL。按一下視訊縮圖右側的「 複製 URL 」以複製其 URL

在視訊檢視器中修改海報影格

海報影格 」是視訊開始播放之前在「視訊」檢視器中顯示的初始影格。Scene7 使用視訊縮圖作為海報影格。

您可以將影像修飾元套用至海報影格。例如,您可以裁切海報影格或使其變得透明。若要修改海報影格,請開啟視訊檢視器配置畫面,並在「海報影像修飾元」區段輸入修飾元。

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

請參閱 www.adobe.com/go/learn_s7_image_server_guide_tw

還可以透過將修飾元附加到視訊縮圖 URL 來修改視訊縮圖。