안녕하세요. 준서아빠 김대우 입니다.
이번 포스트에서는 간단히 지난 금요일 다운로드를 제공해 드린 Silverlight Media Player의 구현에 대해서 설명 드리도록 하겠으며 간단히 Host 웹 페이지의 패턴에 대한 저의 소견을 추가해 향후 어떻게 동적으로 UCC와 같은 사이트에서 사용될 수 있을지에 대해서 간단히 말씀 드리도록 하겠습니다.
1. 이 Silverlight 프로젝트를 Visual Studio에서 보시기 위해서는 반드시 다음 절차가 선행 되어야 합니다.
Better Web, Better UX를 위한 Microsoft의 차세대 웹 전략, Silverlight(코드명 ＂WPF/E＂)를 말한다. (2) 개발자 - 2
처음 Silverlight 개발을 수행하실 경우에는 위의 Post를 꼭 참고해 보셔서 개발 방법에 대한 전체 흐름과 Silverlight 개발 환경 구성을 진행해 보시길 바랍니다.
2. HTML 및 JS 파일 소개.
HTML 파일의 구조는 aghost를 확장시켜 이용하는 방식입니다.
aghost.js파일은 여러 브라우져에서 동작 시키기 위한 컨테이너를 자동으로 생성하는 파일입니다.
그외에 사용되는 js 파일들은 스킨 구조 등에 대해서 정의되며 이벤트들을 처리하기 위한 모듈 파일이구요.
3. 핵심이 되는 XAML 코드 소개.
코드가 복잡해 보이지만 실제로는 간단한 구조 입니다.
표준 마크업 언어인 XML을 확장시킨 XAML은 Silverlight의 UI핵심 엔진입니다.
XML 파일의 구조처럼, 속성이나 요소(ELEMENT)의 구조를 이해 하시고 있으시면 코드를 따라가 보시는데 아무 문제 없으실 것입니다. - 주석과 동영상 설명 참조.
특히 미디어를 처리 하는 부분 외에는 사실상 버튼이나 컨트롤 영역에 대한 UI 및 Event를 핸들하는 루틴, 그리고 플레이 버튼이나 Pause 버튼에 대한 처리 루틴이기 때문에 분석에는 큰 무리 없으실 것입니다. 상세한 사항은 동영상을 통해 짧게 소개해 드리도록 하겠습니다.
전체 소스 코드 다운로드 :
http://www.uxkorea.net/lab/silverlight_mediaplayer/silverlightplayer.zip
4. 다운로드 하셔서 테스트 해 보시기 전에 하나 부탁을 드립니다.
현재 Silverlight 미디어 플레이어 코드에 대한 사항을 간단히 전달해 드렸는데요.
다운로드 하시기 전에 한가지만 부탁 드리고 싶습니다.
간략히 아래 댓글 박스에 자신의 블로그나 이름을 댓글로(또는 비밀 댓글로라도) 남겨 주시면 진심으로 감사하겠습니다. (^_^ 필수는 물론 아닙니다. 아래의 링크만 클릭 하시면 다운로드가 됩니다.)
“공개”와 “나눔의 생각”에 한줄로 전해지는 댓글이라는 “따뜻함”이 더해질 수 있다면 저에게도, 앞으로의 웹을 경험할 이제 9개월된 준서에게도, 감히 우리가 만들어갈 웹이 더욱 더 즐거워 질 것이라고 저는 믿습니다.
댓글과 의견 남겨 주셔서 미리 감사드리며... ^_^
오늘도 좋은 하루 되시길 바랍니다.
감사합니다.