본문 바로가기

Silverlight59

Silverlight & ASP.NET AJAX를 이용한 이베이 음반검색 참고할 만한 좋은 데모가 있어 소개합니다. http://xmlforasp.net/CodeSection.aspx?csID=129 데모 : http://xmlforasp.net/codebank/system_web_extensions/albumviewer/albumviewer.aspx 사용기술 Silverlight and XAML JavaScript ASP.NET AJAX Web Services 여러가지 기술이 포함되어 공부하기 좋은 데모입니다. 2007. 10. 24.
Cliping 1 - Clip Propety Clip이란 영어사전에서 (가위 등으로)자르다 또는 깎다의 뜻을 가지고 있습니다. 실버라이트에서는 도형의 일부분을 화면에 표시하거나 이미지나 동영상을 다양한 형태로 보여주기 위해서 사용하기도 합니다. 아래 그림에서 보듯이 원과 사각형이 겹치는 부분만 화면에 표시됩니다. Clip 속성은 모든 엘리먼트에 포함되어 있습니다. Expression Blend2에서 Clip을 설정하는 방법을 알아보겠습니다. 1. Expression Blend2에서 4각형과 원을 적당한 위치에 그립니다. 2. 도형선택 왼쪽의 도구상자에서 선택 Direct Selection(A) 툴을 선택하여 사각형과 원을 모두 선택합니다. 3. Clip 메뉴에서 Object > Path > Make Cliping Path를 선택합니다. Clipin.. 2007. 10. 12.
실버라이트 영역 브라우저 크기에 따라 동적변경 초간단 팁 1.TestPage.html 2. Page.xaml 2007. 9. 16.
Expression Blend 2 September Preview Expression Blend 2 September Preview가 릴리즈 되었습니다. 자세한 변경사항은 Expression 팀블로그를 참고하세요 http://blogs.msdn.com/expression/archive/2007/09/14/expression-blend-2-september-preview-is-now-available.aspx 다운로드 http://www.microsoft.com/expression/products/features.aspx?key=blend2preview 2007. 9. 16.
[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.

티스토리툴바