Silverlight에서 사용할 수 있도록 Expression Encoder 템플릿 사용자 지정

  • 아티클

Dd185498.0b2c798e-86c6-4ea2-a8a6-5cf1f12be1e2(KO-KR,Expression.30).png

Microsoft Expression Encoder는 템플릿을 사용하여 미디어 플레이어에서 비디오를 인코딩하고 표시하는 방식으로 비디오 환경을 만듭니다. 템플릿을 사용하여 플레이어에 스킨을 지정할 수 있습니다. Expression Encoder 템플릿은 함께 모여 비디오 플레이어 UI(사용자 인터페이스) 및 대화형 작업을 정의하는 HTML 및 XAML의 컬렉션입니다.

Expression Encoder에는 비디오를 표시하는 데 사용할 수 있는 Microsoft Silverlight 템플릿이 포함되어 있습니다. 그러나 기본 템플릿만 사용해야 하는 것은 아닙니다. Expression Encoder은 확장성이 뛰어나므로, Microsoft Expression Blend와 같은 도구를 사용하여 나만의 Silverlight 비디오 플레이어를 만든 후 Expression Encoder에서 해당 플레이어를 사용자 지정 템플릿으로 사용할 수 있습니다.

Expression Encoder에서 사용할 수 있도록 Silverlight 템플릿 수정

  1. Expression Encoder에서 출력 패널이 표시되지 않으면 창 메뉴에서 출력을 클릭합니다.

  2. 출력 패널의 작업 출력 아래 템플릿 옆에 있는 드롭다운 목록에서 Silverlight 템플릿 중 하나를 선택합니다. 미리 보기 옆에 미디어 플레이어 템플릿 모양을 보여 주는 이미지가 나타납니다.

  3. 템플릿 메뉴 오른쪽의 속성 마커 Dd185498.12e06962-5d8a-480d-a837-e06b84c545bb(KO-KR,Expression.30).png를 클릭한 다음 Expression Blend에서 복사본 편집을 클릭합니다.

    [!참고]

    Expression Encoder 프로젝트에서 사용 중인 템플릿을 이미 수정한 경우에는 드롭다운 메뉴에서 Expression Blend에서 편집을 선택하고 템플릿을 추가로 변경할 수 있습니다.

  4. Expression Blend의 개체 및 타임라인 패널에서 LayoutRoot 노드를 확장합니다. 플레이어 기능은 myPlayer라는 사용자 정의 컨트롤에 포함되어 있습니다. 플레이어의 모양을 수정하려면 myPlayer를 마우스 오른쪽 단추로 클릭하고 템플릿 편집을 가리킨 다음 복사본 편집을 클릭합니다.

  5. 사용자 정의 컨트롤의 템플릿에서 작업을 수행한 후 개체를 추가, 수정 또는 삭제하여 템플릿의 시각적 디자인을 변경할 수 있습니다. 컨트롤의 템플릿을 편집하여 컨트롤에 스킨을 지정할 수도 있습니다.

    자세한 내용은 다음 항목을 참조하십시오.

  6. Expression Blend에서 원하는 내용을 변경한 다음 파일 메뉴에서 저장을 클릭하여 파일을 저장합니다. Expression Encoder로 돌아가면 미리 보기 창에 편집한 템플릿이 나타납니다. 나중에 인코딩할 때 템플릿을 사용할 수 있습니다.

다음 단계

  • 수정된 템플릿을 사용하여 Expression Encoder 프로젝트에서 비디오를 인코딩할 수 있습니다. 자세한 내용은 Expression Encoder 사용자 가이드(F1 키)의 "Microsoft Silverlight 및 웹용으로 비디오 인코딩" 섹션에 있는 항목을 참조하십시오.

  • 인코딩된 비디오와 Silverlight 플레이어를 웹 사이트에 배포할 수 있습니다. 수정된 Silverlight 템플릿을 사용하여 Expression Encoder에서 비디오를 인코딩한 후 출력을 웹 사이트에 배포할 수 있습니다.

    자세한 내용은 웹 사이트에 Silverlight 응용 프로그램 배포를 참조하십시오.