mediaplayer11 미디어 다운로드 진행률 출력(Percentage:%) 다운로드 진행률 Percentage(%) [1.1] 다음 강좌 참고 http://taedi.hosting.paran.com/tc/entry/Downloader-클래스를-이용한-간단한-이미지-다운로드?category=8 1.1에서는 Download 클래스의 DownloadProgressChanged 이벤트를 이용하여 % 를 출력했지만 2.0에서는 WebClient의 DownloadProgressChanged() 이벤트를 사용하며, Silverlight 2.0에 새로 추가된 이벤트 입니다. MediaElement media = null; public Page() { InitializeComponent(); WebClient webClient = new WebClient(); // 동영상 경로 webClien.. 2008. 4. 3. [MediaPlayer] 11. Chapters[1-3:Chapters 구현] 지난강좌에서 인코딩한 동영상과 저장한 스틸사진으로 Chapters 기능을 구현해보겠습니다. images 폴더에 있는 이미지의 이름은 00.01.00.jpg, 00.02.00.jpg.... 00.07.00.jpg 이런식으로 이름을 변경합니다. Chapters 의 7개의 Image 컨트롤에 하드코딩으로 이미지경로를 지정해 주면 됩니다. 이미지 컨트롤에 대한 클릭 이벤트 7개를 선언합니다. 7개의 이벤트 모두 동일한 코드가 들어가 있습니다. MultiMedia.Position = TimeSpan.FromSeconds(60) 동영상 시작시점에서 60초의 지났을때의 위치를 MediaElement의 Position속성에 값을 할당합니다. OnPlay_MouseLeftButtonDown(sender, null) On.. 2007. 9. 9. [MediaPlayer] 10. Chapters[1-2:Expression Encoder] Expression Encoder 에서 동영상을 인코딩하고 Markers를 지정하여 일정시간 간격마다 스틸사진 저장하는 작업까지 진행하겠습니다. Expression Encoder은 2007년 9월 6일자로 정식버전이 릴리즈 되었습니다. 720p 수준의 고화질 HD영상을 지원하며 Overlay 기능을 통한 광고 및 자막 삽입등 여러가지 막강한 기능을 갖추고 있습니다. 로컬PC에 Expression Encoder가 설치되지 않았다면 아래링크에서 다운로드 하시기 바랍니다. - Expression Encoder 1.0 다운로드 (Free Trial Download ) Expression Encoder의 화면 레이아웃입니다. 프로그램 사용은 아주 쉽고 간단하며 몇 번만 따라서 해보시면 전문가(?)수준의 고품질의 .. 2007. 9. 7. [MediaPlayer] 8. Timer 동영상의 전체 재생시간과 동영상이 재생중일때 현재 재생시간을 화면에 표시합니다. 재생시간 관련 xaml 코드입니다. 동영상의 전체 재생시간을 출력하는 이벤트 입니다. 시간, 분, 초를 String.Format()함수에 정수로 포맷을 설정하여 출력합니다. 동영상의 현재 재생시간과 동영상이 끝났을때 현재재생시간이 00:00:00으로 초기화 되는 코드를 집어넣어야 합니다. timerPlayProgress_Completed 이벤트에 현재재생시간을 출력하는 코드를 집어넣습니다. OnStop_MouseLeftButtonDown 이벤트에 동영상이 재생이 완료되면 자동적으로 현재재생시간을 00:00:00으로 출력됩니다. 마지막으로 지금까지 강좌를 잘 따라오셨다면 동영상 재생관련 이벤트에서 아래그림에서 처럼 특정.. 2007. 9. 7. [MediaPlayer] 7. Volume 동영상의 볼륨을 조절하는 기능을 구현하겠습니다. 음소거(Mute)및 볼륨을 크게 하거나 작게 하는 기능이 주로 포함되어 있습니다. Mute Button : 음소거 버튼 VolumeProgress : 볼륨크기를 설정 (0.1 ~ 1.0) VolumeDuration : 볼륨크기의 범위 xaml 코드가 약간 깁니다.^_^;; MuteButton_MouseLeftButtonDown 이벤트는 음을 키고 끄는 기능을 합니다. VolumeDuration_MouseLeftButtonDown, VolumeProgress_MouseLeftButtonDown 두 이벤트는 마우스 클릭한 위치의 좌표값을 계산하여 0.1~1.0까지 볼륨을 조절합니다. pt는 마우스의 X 좌표값이고 이것을 VolumeDuration의 Width값.. 2007. 9. 7. [MediaPlayer] 6. Play Progressbar Downloader Progressbar 부분과 Play Progressbar 부분으로 강좌가 2개로 나누어졌습니다. 지난강좌에서는 Downloader Progressbar에 대해서 알아보았고 이번시간에는 Play Progressbar 강좌를 계속해서 진행하도록 하겠습니다. xaml 코드는 지난 강좌에서 모두 작성하였습니다. Play Progressbar에 애니메이션을 적용하기 위해서는 StoryBoard가 추가 되어야 합니다. 0.01초마다 1번씩 Interval이 발생합니다. 애니메이션에 대해서 좀더 자세히 공부하시고 싶다면 공도님의 블로그 및 실버라이트카페를 참고하시기 바랍니다. - 공도님 블로그 : http://gongdo.tistory.com/ - 실버라이트 카페 : http://cafe.nav.. 2007. 9. 6. [MediaPlayer] 5. Downloader Progressbar 동영상 플레이어의 현재 진행상태를 보여줍니다. 동영상 다운로드 Proress Bar 및 백분률 표시, 재생상태를 Progress Bar에 표시, 현재 위치등의 상태를 보여줍니다. Play State Progressbar : 현재 재생상태 Play Location : 현재 재생 위치 DownLoad State Progressbar : 동영상의 다운로드 상태 DownLoad Percentage : 동영상 다운로드 상태를 백분율로 표시 ※ DownLoad State Progressbar 아래쪽에는 진행상태의 기준이 되는 Play Duration(bar형태의 도형)이 있습니다. Play State 관련 xaml 코드입니다. Page.xaml 파일에 붙여넣기 하시면 됩니다. 동영상 다운로드 먼저 진행하고 동영상 .. 2007. 9. 6. [Mediaplayer] 4. Player Control 동영상을 재생하고 일시정지하고 멈추는 등의 일련의 작업등을 수행하는 동영상 제어 버튼 Play, Pause, Stop등의 3개의 버튼을 구현해보겠습니다. 일시정지버튼은 화면에서 보여지는 속성인 Visibility의 속성값이 Collapsed(Refresh 버전으로 릴리즈 되면서 Hidden에서 Collapsed로 변경됨)속성으로 초기화 되어있으며 동영상이 재생되고 있을때 화면에 보여집니다. 동영상 재생관련 버튼 이미지 디자인에 대한 xaml 코드입니다. 버튼간 경계선과 Play, Pause, Stop 버튼에 대한 디자인 xaml 코드입니다. 처음에는 하나하나 까보면 머리에 쥐가 나는 관계로 Page.xaml에 쭈욱~~ 붙여넣기를 하시면 됩니다. Expression Blend가 있으니 가급적 xaml 디자.. 2007. 9. 6. [MediaPlayer] 3. Full Screen 대부분 국내 UCC 동영상 제공업체가 자체제작으로 플래시 버전의 플레이어를 지원하지만 모니터의 스크린 전체크기에 맞게 지원되는 곳은 없는 것 같습니다. 대부분 UCC 동영상이 홈비디오 6mm 수준의 영상이 올라오거나 동영상의 해상도 및 품질이 떨어져서 모니터 스크린 크기에 맞는 Full Screen Mode를 지원할 필요가 없다고 봅니다. 그러나 Silverlight나 플래시 모두 HD 720P 수준의 고해상도 HD영상을 지원하는 추세로 넘어감에 따라 앞으로 Full Screen Mode가 지원되지 않을까 생각합니다. 참고로 아래 링크로 참조된 주소는 플래시 기반의 Full Screen Mode를 지원하는 Demo 입니다. 얼마전까지 실버라이트의 장점 아닌 장점이었던 Full Screen 기능이 이제는 .. 2007. 9. 6. [MediaPlayer] 1. Getting Started 동영상 플레어를 만들기 위한 사전준비입니다... 동영상 플레이어를 만들기 위한 몇가지 준비입니다. 1. 테스트를 위한 동영상 : 다운로드 (동영상은 제공하지 않습니다.) 2. Silverlight 프로젝트를 생성합니다. 프로젝트 이름은 MediaPlayer로 합니다. 3. 호스팅을 위한 ASP.NET 프로젝트를 생성합니다. 프로젝트 이름은 WebProject로 합니다. (솔루션 탐색기에서 Add>New Project ) 4. Silverlight 프로젝트에 동영상 폴더 및 동영상 파일 첨부 폴더명을 "Media" 로 만들고 다운로드한 동영상을 폴더에 첨부합니다. 5. Silverlight 프로젝트를 ASP.NET 프로젝트에 호스팅하기 위한 연결(Add Silverlight Link) Downloader .. 2007. 9. 5. Taedi Media Player(소스공개) -Silverlight 1.1 동영상 플레이어 소스를 공개합니다. 소스의 내용은 그리 어렵지 않으며 코드를 직접 치시면서 실행하시면 대부분 이해할 수 있는 내용들입니다. 소스의 복제/수정/배포 모두 허용합니다. 팍~ 팍~ ※ 주요기능 - Full Screen - Volume Control - Chapters - Download 진행 표시(100분율) - Play Progressbar - 음소거(Mute) ※ 코드의 일부수정으로 인해 소스를 다시 수정배포합니다. 2007. 9. 2. 이전 1 다음
