본문 바로가기

전체460

[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.
OCX 등록 등록방법 -------------------------------------------- 1) 첨부된 ocx파일들을 c:\windows\system 폴더에 복사한다. 2) 도스창으로 나가 (또는 시작->실행->에서) 현재 디렉토리를 c:\windows\system으로 바꾼다 3) 프롬프트 에서 regsvr32 symfacx.ocx를 type한다. 4) 마찬가지로 regsvr32 symbasic.ocx를 type한다. ------------------------------------------------------- 2007. 9. 6.
[MediaPlayer] 2. TitleBar Link, MediaElement 동영상 플레이어의 제목에 링크와 MediaElement 컨트롤의 Resource속성에 동영상의 경로(Path)를 지정하여 동영상을 자동으로 플레이까지 해보겠습니다. 동영상 플레이어의 기본적인 화면구성입니다.위의 소스를 Silverlight 프로젝트에 있는 Page.xaml에 붙여넣기 하시면 됩니다. Expression Blend를 열거나 TestPage.html 파일을 실행하면 아래그림과 같은 기본적인 동영상 플레이어 화면구성을 볼 수 있습니다. TextBlock을 TitleBar 위에 적절하게 배치합니다. TextBlock속성에 값을 지정합니다. TextBlock에 들어갈 문자는 자유롭게 지정할 수 있습니다. 필자는 "MediaPlayer - http://www.netfighter.pe.kr"로 지정해.. 2007. 9. 5.
[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.
Downloader 클래스를 이용한 간단한 이미지 다운로드 Downloader 클래스를 이용하여 간단하게 이미지를 다운로드 하여 표시하고 다운로드 진행률을 백분률로 표시하는 데모를 만들어보겠습니다. 다운로드라는 것은 쉽게 표현하면 서버에서 무언가를 내컴퓨터로 가지고 오는 것을 말합니다. 다운로드 받을수 있는 형태는 동영상, 텍스트, 이미지등을 스트림(Stream)형식으로 받거나 폰트설정에도 사용할 수 있습니다. 여기서 스트림(Stream)이란 A지점에서 B점으로 데이터가 흘러가는 것을 말합니다. 비트흐름이라고도 하는데요... 정확히 말하자면 연속적인 비트의 열 통신선로상에서 일시에 직렬로 연속적으로 전송되는 데이터의 흐름을 말하는 것입니다. 잘 이해가 안가신다면 계곡의 물이 폭포를 따라 높은곳에서 낮은곳으로 흐르는 물의 흐름이라 생각하시면 됩니다. Downloa.. 2007. 8. 28.
[Xaml] Gradient 그리기 [Silverlight:Xaml 문법] Gradient 그리기 Properties LinearGradientBrush StartPoint Gradient 시작점 좌표 EndPoint Gradient 끝점 좌표 RadialGradientBrush GradientOrigin Gradient 시작점 좌표 Center Gradient 중심점 좌표 RadiusX Gradient 반지름 X값 RadiusY Gradient 반지름 Y값 GradientStop Color Gradient Color Offset Gradient 기준점 Gradient 그리기는 직선형과 원형의 2가지 방법이 있습니다. 직선형의 Gradient은 LinearGradientBrush로 그릴 수 있습니다. Gradient를 그리는 방향은 대각선.. 2007. 8. 25.
[Xaml] Rectangle(사각형) 그리기 Silverlight:Xaml 문법] Rectangle(사각형) 그리기 Properties 속성명 설명 Canvas.Left Canvas에서 사각형의 세로위치 Canvas.Top Canvas에서 사각형의 가로위치 Stroke 사각형의 외각선 색 StrokeThickness 사각형의 외각선 두께 Fill 사각형의 바탕색 Width 사각형의 가로길이 Height 사각형의 세로길이 Opacity 사각형의 투명도 x:Name 사각형의 이름(오브젝트명) RadiusX 사각형의 모서리 반지름 X값 RadiusY 사각형의 모서리 반지름 Y값 Visibility 가시성(可視性) 속성값(Visible, Collapsed) ※ 1.1 Alpha Refresh에서는 Visibility속성의 Hidden값은 Collapsed.. 2007. 8. 23.
Ellipse(원) 그리기 [Silverlight:Xaml 문법] Ellipse(원) 그리기 Properties 속성명 설명 Canvas.Left Canvas에서 원의 세로위치 Canvas.Top Canvas에서 원의 가로위치 Canvas.ZIndex Canvas에서 원의 앞뒤순서 Stroke 원의 외각선 색 StrokeThickness 원의 외각선 두께 Fill 원의 바탕색 Width 원의 가로길이 Height 원의 세로길이 Opacity 원의 투명도 x:Name 원의 이름(오브젝트명) ※ 속성중에 도형의 이름을 표시하는 Name가 있으나 여기서는 x:Name를 사용하여 도형의 이름을 지정합니다. Source Code 원에 대한 속성을 더 쉽게 이해하기 쉽게 속성을 표시하였습니다. 간단한 도형을 Expression Blend에서.. 2007. 8. 23.

티스토리툴바