다음을 통해 공유


미디어 개요

Microsoft Expression Blend에서는 이미지, 오디오 및 비디오와 같은 미디어 파일을 프로젝트에 추가할 수 있습니다.

미디어 파일을 프로젝트에 추가하는 방법에 대한 자세한 내용은 프로젝트에 이미지, 오디오 또는 비디오 파일 추가활성 문서에 이미지, 오디오 또는 비디오 파일 삽입을 참조하십시오.

이미지

Expression Blend에서는 BMP, GIF, ICO, JPEG, PNG, TIFF 등 가장 일반적인 형식의 이미지 파일을 지원합니다. 이미지 파일을 프로젝트에 추가한 다음에는 프로젝트 패널의 파일에서 이미지 파일 이름을 두 번 클릭하거나 기존 이미지 컨트롤의 Source 속성을 이미지 파일의 이름으로 설정하여 아트보드에 추가할 수 있습니다.

표시할 이미지를 아트보드에 추가할 수 있습니다. WPF(Windows Presentation Foundation) 및 Microsoft Silverlight 2 프로젝트에서는 이미지를 다른 개체에 적용할 수 있는 브러시 리소스로 변환할 수 있습니다. 자세한 내용은 이미지를 브러시로 변환을 참조하십시오.

WPF 프로젝트에서 이미지를 3D 개체로 변환하여 애니메이션 효과를 적용할 수도 있습니다. 자세한 내용은 2D 이미지를 3D로 변환을 참조하십시오.

Cc295252.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif맨 위로 이동

오디오

Expression Blend에서는 AIF, AIFC, AIFF, ASF, AU, MID, MIDI, MP2, MP3, MPA, MPE, RMI, SND, WAV, WMA, WMD 같은 오디오 파일 형식을 지원합니다. 모두 Windows Media Player 10에서 지원하는 파일 형식입니다.

[!참고]

Silverlight 1.0과 Silverlight 2는 MP3 및 WMA 파일 형식만 지원합니다.

오디오 파일을 프로젝트에 추가한 다음에는 프로젝트 패널의 파일에서 오디오 파일 이름을 두 번 클릭하거나 기존 MediaElement 컨트롤의 Source 속성을 오디오 파일의 이름으로 설정하여 아트보드에 추가할 수 있습니다.

Cc295252.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif맨 위로 이동

비디오

Expression Blend에서는 ASF, AVI, DVR-MS, IFO, M1V, MPEG, MPG, VOB, WM, WMV 같은 비디오 파일 형식을 지원합니다. 모두 Windows Media Player 10에서 지원하는 파일 형식입니다.

[!참고]

Silverlight 1.0과 Silverlight 2는 WMV 파일 형식만 지원합니다.

MediaElement 컨트롤을 사용하여 프로젝트에 다른 비디오 파일 형식을 추가할 수 있지만 삽입할 수는 없습니다. 자산라이브러리 Cc295252.0224cabd-5da1-4e01-bddd-4a647401a098(ko-kr,Expression.10).png에서 MediaElement 컨트롤을 문서에 추가한 다음 인식할 수 없는 미디어 파일 형식을 가리키도록 Source 속성을 수정하여 런타임에 응용 프로그램에서 비디오가 재생되도록 할 수 있습니다.

Cc295252.alert_caution(ko-kr,Expression.10).gif주의:

Expression Blend에서 미디어를 사용하려면 컴퓨터에 Windows Media Player 10이 설치되어 있어야 합니다. Windows Media Player 10은 Windows Media 웹 사이트에서 다운로드할 수 있습니다.

Cc295252.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif맨 위로 이동

WPF 프로젝트의 오디오 및 비디오

문서에 오디오 파일이나 비디오 클립을 삽입한 후에는 개체 및 타임라인에서 해당 클립에 대해 만들어진 미디어 타임라인을 사용하여 재생을 제어할 수 있습니다. 미디어 타임라인을 사용하여 다음과 같은 작업을 수행할 수 있습니다.

  • 개체 및 타임라인에서 선택한 미디어 요소의 속성을 수정합니다. 속성 패널의 미디어 범주에서 볼륨(Volume), 밸런스(Balance), 속도(SpeedRatio) 등의 속성을 변경할 수 있습니다.

  • 도구 상자에서 선택 Cc295252.2ff91340-477e-4efa-a0f7-af20851e4daa(ko-kr,Expression.10).png 도구를 선택한 다음 회색 시간 표시줄을 끌어 수동으로 타임라인을 이동합니다. 음영 시간 표시줄을 마우스 오른쪽 단추로 클릭하여 반복 옵션을 선택할 수도 있습니다. 자세한 내용은 반복 기간 설정의 항목을 참조하십시오.

  • 개체 및 타임라인에서 미디어 요소를 복사하여 붙여 넣은 다음 여러 시간 표시줄을 이동하여 서로 다른 시간에 소리가 나도록 예약합니다.

  • 미디어 타임라인을 시작하거나 중지하도록 단추와 같은 컨트롤을 구성합니다. 자세한 내용은 타임라인에서 트리거를 사용하여 미디어 제어를 참조하십시오.

  • 애니메이션 타임라인을 변경할 때와 같은 방법으로 코드 숨김 파일에서 미디어 타임라인을 변경합니다. 자세한 내용은 MSDN에서 Storyboard 개요 항목을 참조하십시오. 다음 코드는 스토리보드를 시작하는 데 필요한 최소한의 코드 줄을 보여 주는 매우 간단한 C# 예입니다.

    using System.Windows.Media;
    using System.Windows.Media.Animation;
    // In a method...
    Storyboard audioResourceWav;
    audioResourceWav = (Storyboard)this.Resources["AudioResource_wav"];
    audioResourceWav.Begin(this);
    

미디어를 다른 타임라인과 동기화

스토리보드에 미디어(비디오 또는 오디오)와 애니메이션 타임라인이 모두 들어 있으면 로드 시간으로 인해 미디어 타임라인이 지연될 경우 미디어 타임라인 이전에 애니메이션 타임라인이 시작되는 것처럼 보일 수 있습니다. XAML SlipBehavior 특성을 사용하여 모든 타임라인이 동시에 시작하도록 할 수 있습니다. 타임라인을 동기화하는 방법에 대한 자세한 내용은 애니메이션 및 미디어 타임라인의 시작 시간 동기화를 참조하십시오.

Cc295252.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif맨 위로 이동

Silverlight 1.0 프로젝트의 오디오 및 비디오

문서에 오디오 파일이나 비디오 클립을 삽입한 후 이벤트 처리기를 사용하여 해당 파일이나 클립의 재생을 제어할 수 있습니다. 문서의 코드 숨김 파일에서 이벤트 처리기 내의 동작을 변경하지 않으면 응용 프로그램 시작 시 미디어가 자동으로 재생됩니다. 자세한 내용은 Silverlight 응용 프로그램에서 스토리보드를 제어하는 단추 만들기를 참조하십시오.

또는 Microsoft Expression Encoder 2를 통해 Silverlight 1.0 템플릿을 사용하여 미디어를 표시할 완전한 기능의 미디어 플레이어를 만들 수도 있습니다. 자세한 내용은 Expression Blend에서 Expression Encoder 2용 Silverlight 템플릿 수정을 참조하십시오.

Cc295252.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif맨 위로 이동

Silverlight 2 프로젝트의 오디오 및 비디오

문서에 오디오 파일이나 비디오 클립을 삽입한 후 개체 및 타임라인에서 해당 파일이나 클립에 대해 만들어진 Silverlight 2 MediaElement 개체의 속성과 이벤트를 사용하여 런타임 동작(예: 재생, 다운로드 진행률, 버퍼링 진행률)을 제어할 수 있습니다. 자세한 내용은 MediaElement 상태(Silverlight 2)를 참조하십시오.

또는 Microsoft Expression Encoder 2 서비스 팩 1을 통해 Silverlight 2 템플릿을 사용하여 미디어를 표시할 완전한 기능의 미디어 플레이어를 만들 수도 있습니다. 자세한 내용은 Silverlight 2에서 사용할 수 있도록 Expression Encoder 템플릿 사용자 지정을 참조하십시오.

Cc295252.7e183f1f-37d8-4dcb-980c-19a5d61ca087(ko-kr,Expression.10).gif맨 위로 이동

참조

개념

3D 콘텐츠 가져오기

2D 이미지를 3D로 변환

이미지를 브러시로 변환