WPF Korea +_+ :: WPF Video Thumbnailer Using MediaPlayer

'Video Thumbnail'에 해당되는 글 1건

2009/08/03 WPF Video Thumbnailer Using MediaPlayer (1)

WPF2009/08/03 18:19

WPF Video Thumbnailer Using MediaPlayer

안녕하세요. 김대욱입니다. 포스팅제공 기능만들어 놓은지 일주일정도가 지났습니다. 생각보다 많은 분들이 소재를 제공해주고 계서서 감사하다는 말씀 드립니다 꾸벅 (__) 얼마전에 김진필님께서 포스팅 제공기능을 통해 MediaPlayer를 사용하는 예제에 대해 요청해주셨는데요. 이를 반영하여~~!!! 이번시간에 소개해 드릴내용은 WPF에서 제공되는 MediaPlayer를 이용한 영상 Thumbnail이미지 추출 방법입니다. 아래는 구현완료시 결과물 스크린샷입니다.

샘플에 사용된 영상은 헤일로 광고 영상같은데.. 스타크레프트 말고는 아는게임이 없어서 확실한지는 잘모르겠습니다.. ^^;;

먼저 코드를 살펴보겠습니다.

public static List<ImageSource> ExtractThumbnail(this MediaElement Media, int ThumbnailCount)
{

// 결과를 저장할 공간
    List<ImageSource> Result = new List<ImageSource>();

// MediaPlayer의 경우 Open가 비동기로 동작하기 때문에
    // Open 혹은 Fail되었는지 확인하기 위한 임시 변수
    bool IsOpened = false;
    bool IsFailed = false;

MediaPlayer Player = new MediaPlayer();

// 람다식을 사용해 Media가 Open 되거나 Fail되었을때 반영
    Player.MediaFailed += (s, e) => IsFailed = true;
    Player.MediaOpened += (s, e) => IsOpened = true;

// ScrubbingEnabled를 사용해 영상이 정지되었을때 화면이 갱신되도록 설정
    Player.ScrubbingEnabled = true;
    
    // 영상 열기
    Player.Open(Media.Source);
    
    // 영상이 열리거나, 실패할때까지 대기
    while (IsOpened == IsFailed) { Player.Dispatcher.Invoke(new Action(delegate { Thread.Sleep(10); })); }

// 영상열기에 실패하면 종료
    if (IsFailed) return Result;

int Width = Player.NaturalVideoWidth;
    int Height = Player.NaturalVideoHeight;

// 전체 시간과 추출갯수를 기반으로 ThumbnailOffset계산
    double TotalDuration = Player.NaturalDuration.TimeSpan.TotalMilliseconds;
    double ThumbnailOffset = TotalDuration / (ThumbnailCount );
    double CurrentOffset = 0;

// Thumbnail FrameData를 저장하기 위한 공간
    // 중복된 Thumbnail추출을 방지
    uint[] PrevBuffer = new uint[Width * Height];
    uint[] Buffer = new uint[Width * Height];

for (int i = 0; i < ThumbnailCount; i++)
    {

// 플레이어의 Position을 ThumbnailOffset으로 이동
        Player.Position = TimeSpan.FromMilliseconds(CurrentOffset);

// 여기서부터가 중요 ~!~!
        // Player의 동작이 비동기로 이루어지기 때문에 이동이 완료되었는지
        // 확인할 수 가 없음. 따라서 일정시간동안 루프를 돌면서
        // 이전프레임과 현재 프레임이 차이가 있다면 이동이 완료되었다고 판단.
        do
        {
            // Drawing Visual과 RenderTargetBitmap을 사용해 Player를 Draw
            DrawingVisual DrawingVisual = new DrawingVisual();
            RenderTargetBitmap RenderTargetBitmap = new RenderTargetBitmap(Width, Height, 96, 96, PixelFormats.Default);
            DrawingContext DrawingContext = DrawingVisual.RenderOpen();
            DrawingContext.DrawVideo(Player, new Rect(0, 0, Width, Height));
            DrawingContext.Close();
            RenderTargetBitmap.Render(DrawingVisual);

// FrameData비교를 위해 RenderTargetBitmap에 저장된 Pixel정보를 저장
            RenderTargetBitmap.CopyPixels(Buffer, Width * 4, 0);

// 이전에 캡쳐한 내용과 다르다면 저장하고 루프를 빠져나감
            if (Buffer.SequenceEqual(PrevBuffer) == false)
            {
                Result.Add(RenderTargetBitmap);
                Buffer.CopyTo(PrevBuffer, 0);
                break;
            }

// 이전에 캡쳐한 내용과 같다면 일정시간 대기후 다시 시도
            Player.Dispatcher.Invoke(new Action(delegate { Thread.Sleep(100); }));

} while (true);

// 다음 Position으로 이동
        CurrentOffset += ThumbnailOffset;
    }

// Player종료및 결과 Return
    Player.Close();
    return Result;

}

코드가 엄청 길어보이는데, 주석이 절반이므로 너무 걱정하실 필요는 없습니다. 아마 WPF를 사용해서 동영상 플레이어를 제작하고 계시는 분들이나 혹은 예정이신 분들에게는 유용한 정보가 되지 않을가 싶습니다.

주석으로 코드에대한 설명을 적어놨지만, 간단하게 내용을 요약해보자면, MediaPlayer를 생성하고 Thumbnail추출을 원하는 영상을 Open한뒤 Position을 변경해가며 RenderTargetBitmap을 활용해 MediaPlayer의 화면을 캡쳐합니다. 참~~ 쉽줘잉~

아래는 이번시간에 사용한 소스코드입니다. 영상을 Open하시고, Extract Thumbnail버튼을 클릭하시면 자동으로 추출됩니다. 기타 질문은 이메일 또는 리플로 남겨주세요~~

VideoThumbnail.zip