Silverlight 2 の Expression Encoder テンプレートのカスタマイズ

Microsoft Expression Encoder 2 ではテンプレートを使用して、ビデオをエンコードしてメディア プレーヤーで表示することにより、ビデオ エクスペリエンスを作成します。プレーヤーは、テンプレートを使用してスキンにすることができます。Expression Encoder テンプレートは、ビデオ プレーヤーのユーザー インターフェイス (UI) とインタラクティビティを定義する HTML、JavaScript、および XAML のコレクションです。

Service Pack 1 がインストールされた Expression Encoder 2 には、ビデオの表示に使用可能な Microsoft Silverlight 2 テンプレートが含まれています。既定のテンプレート以外のテンプレートを使用することもできます。Expression Encoder 2 は拡張性が高いため、Microsoft Expression Blend 2 などのツールを使用して固有の Silverlight 2 ビデオ プレーヤーを作成し、Expression Encoder 2 のカスタム テンプレートとして使用できます。

Service Pack 1 がインストールされている Expression Encoder 2 から Silverlight 2 テンプレートを変更するには

1. Expression Encoder 2 に [出力] パネルが表示されていない場合は、[ウィンドウ] メニューの [出力] をクリックします。

2. [出力] パネルの [ジョブ出力] で、[テンプレート] の横にあるドロップダウン リストから [Standard Silverlight 2] テンプレートを選択します。[プレビュー] の横に、メディア プレーヤー テンプレートのおおまかな外観を示すイメージが表示されます。

3. [テンプレート] メニューの右側にあるプロパティ マーカー  をクリックし、[Expression Blend でコピーを編集] をクリックします。

4. [テンプレートの保存] ウィンドウの [名前] ボックスにファイル名を入力し、[OK] をクリックします。Expression Blend 2 でテンプレートのコピーが開き、元のテンプレートは保持されます。

5. Expression Blend 2 を使用すれば、オブジェクトを追加、変更、または削除してテンプレートのビジュアル デザインを変更できます。コントロールのテンプレートを編集して、コントロールをスキンすることもできます。詳細については、次のトピックを参照してください。

   • Silverlight 2 プロジェクトでのシェイプまたはパスの描画

   • 外観

   • 変換

   • さまざまな状態に応じたシステム コントロールの外観の変更

   • システム コントロール状態の切り替え時間の変更

   • 状態の変更後に再生されるアニメーションの追加

6. Expression Blend 2 で変更を行い、[ファイル] メニューで [保存] をクリックしてファイルを保存します。Expression Encoder 2 に戻ると、[プレビュー] ウィンドウに編集後のテンプレートが表示されます。このテンプレートを今後のエンコードに使用できます。

次の手順

• 変更したテンプレートを使用して、Expression Encoder 2 プロジェクトでビデオをエンコードできます。詳細については、Expression Encoder 2 のユーザー ガイド (F1 キー) の「Microsoft Silverlight および Web 向けビデオのエンコード」を参照してください。

• エンコードされたビデオおよび Silverlight 2 プレーヤーを Web サイトに展開できます。変更した Silverlight 2 テンプレートを使用して Expression Encoder 2 でビデオをエンコードしてから、その出力を Web サイトに展開します。詳細については、「Web サイトへの Silverlight 2 アプリケーションの追加」を参照してください。

関連項目

概念

Expression Encoder 2 からの Silverlight 1.0 サイトのインポート

Expression Blend での Expression Encoder 2 の Silverlight テンプレートの変更