自訂 Silverlight 的 Expression Encoder 範本

Dd185498.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(zh-tw,Expression.40).png

Microsoft Expression Encoder 會在媒體播放程式中進行視訊編碼及顯示視訊,進而使用範本來建立視訊經驗。播放程式可以使用範本設定面板。Expression Encoder 範本是 HTML 和 XAML 的集合,它們會共同定義視訊播放程式使用者介面 (UI) 及互動功能。

Expression Encoder 包含一個可供您呈現視訊的 Microsoft Silverlight 範本。不過,您不受限於使用預設的範本。由於 Expression Encoder 具有強大擴充性,您可以使用 Microsoft Expression Blend 這類工具建立屬於自己的 Silverlight 視訊播放程式,再讓您的播放程式變成 Expression Encoder 可用的自訂範本。

修改 Silverlight 範本以便用於 Expression Encoder

  1. 如果在 Expression Encoder 中看不到 [輸出] 面板,請按一下 [視窗] 功能表上的 [輸出]。

  2. 在 [輸出] 面板的 [工作輸出] 下,從 [範本] 旁的下拉式清單中選取其中一個 [Silverlight] 範本。[預覽] 旁邊會出現一個影像,顯示類似媒體播放程式範本的外觀。

  3. 在 [輸出選項] 功能表 Dd185498.c043ff11-e91a-4d07-bccb-0d6f50e7d3cb(zh-tw,Expression.40).png 中,指向 [編輯範本的複本],然後按一下 [Expression Blend]。

    Note注意:

    如果您已修改 Expression Encoder 專案正在使用的範本,您可從下拉式功能表選取 [在 Expression Blend 中編輯] 以進一步對範本進行變更。

  4. 在 Expression Blend 的 [物件與時間軸] 面板中,展開 LayoutRoot 節點。該播放程式的功能包含在名為 myPlayer 的使用者控制項中。若要修改播放程式的外觀,請在 myPlayer 上按一下滑鼠右鍵,指向 [編輯範本],然後按一下 [編輯複本]。

  5. 一旦處理使用者控制項的範本,即可透過新增、修改或刪除物件開始變更視覺設計。您也可以編輯控制項的範本來設定控制項的面板。

    如需詳細資訊,請參閱下列主題:

  6. 在 Expression Blend 中進行變更,然後儲存您的檔案 (按一下 [檔案] 功能表的 [儲存檔案])。當您返回 Expression Encoder 時,[預覽] 視窗會顯示已編輯的範本。日後,您即可將此範本用於編碼。

後續步驟

  • 您可以使用修改的範本來編碼 Expression Encoder 專案中的視訊。如需詳細資訊,請參閱《Expression Encoder 使用者指南》(F1) 中的「進行視訊編碼以享受 Microsoft Silverlight 和 Web 體驗」一節。

  • 您可以在網站部署編碼的視訊和 Silverlight 播放程式。使用修改的 Silverlight 範本來編碼 Expression Encoder 中的視訊之後,您可以部署該輸出至網站。

    如需詳細資訊,請參閱將 Silverlight 應用程式部署至網站

Copyright © 2011 by Microsoft Corporation. All rights reserved.