Media Platform

이번에는 간단한 북마크 위젯을 만들어 보았습니다. 종종 영화나 드라마를 보다가 해당 부분을 기억해 두거나 마킹해 놓고서, 다음에 바로 찾을 수 있으면 좋겠다라는 생각을 했었는데, 이것을 위젯으로 간단하게 만들어 보았습니다. 제가 원하던 기능은 다음과 같습니다.

• 파일 관리 기능
• 북마크 관리되는 파일 리스트 보기
• 클릭하면 해당 파일을 플레이 하기
• 북마크 관리 기능
• 북마크 더하기 / 삭제 기능
• 북마크에 시간 정보 표시하기

이 정도입니다. 간단하죠? 하지만 Chameleo에서 제공하는 여러 window widget들을 자유롭게 사용하려고 하니, 다소 어려운 점이 많았습니다. 일단 결과적인 화면은 다음과 같습니다.


오른쪽에 보이는 부분이 북마크 리스트입니다. 해당 부분을 클릭하면 장면이 이동합니다. 가장 힘든 부분은 포커스될 때의 색깔 처리보다는 툴팁을 따로 보여주는 부분이었습니다. 이 부분은 다른 개발자분의 도움을 받아서 해결하였습니다. 아래 화면은 그 결과입니다.

향후에 위젯 웹 서비스가 완성되면 해당 위젯을 다운받아서, 설치하는 것이 가능합니다. (물론 소스도 같이 공개되고요.) 일주일을 기다려 주세요. ^^

현재 플레이되고 있는 동영상 파일 이름을 YouTube에서 검색해서 가장 첫 번째로 나오는 동영상을 광고 동영상으로 틀어주는 샘플 위젯입니다. 소스 파일은 추후에 Chameleo Plug-ins 웹 사이트가 공개되면 같이 공개하고, 일단은 영문으로 작성된 블로그와 스크린 샷을 공개합니다.

http://blog.chameleo.org/?p=55
http://blog.chameleo.org/?p=57

마지막 단계입니다. 실제로 화면의 크기를 바꾸고, 화면의 위치를 위동시키는 모듈을 작성하는 부분입니다. 각 버튼들은 아래와 같이 만듭니다.


그리고, connect 함수를 이용해서 callback을 건 함수들 내용은 다음과 같습니다.


set_mode를 통해서 FIT_TO_VIDEO / STRETCHED / STRETCHED_KEEP_AR 모드를 선택할 수 있고, set_position_delta 함수를 통해서, 위치를 변경하는 것이 가능합니다. 모든 소스코드는 아래에 첨부하도록 하겠습니다.


실제 사용 화면은 다음처럼 나옵니다.


이번에는 자막을 이동시키는 부분은 제외했지만, 다음에 Chameleo 위젯 사이트에 올릴 때에 같이 해당 기능을 올리도록 하겠습니다. 다음에는 Bookmark 위젯을 만들어 보도록 하겠습니다.

이번에는 버튼을 달아서 테스트를 해 보겠습니다. 일단 "UP"과 "DOWN" 버튼을 붙이고, 해당 버튼이 클릭되었을 때에, 해당 문자열을 프린트해주는 로직입니다.


위와 같이 TextButton을 만들고서, connect 함수를 통해서 클릭되었을 때에 callback 함수를 호출하도록 연결합니다. 이후로는 up_button_clicked 함수와 down_button_clicked 함수에 적당한 로직을 넣어주면 됩니다.

위의 __init__ 함수안의 4줄을 넣어 주면 기본적인 Window를 띄우는 것이 가능합니다. 이제 배경색을 지정하고, 텍스 정보를 보여주도록 변경하겠습니다.






















이 코드의 결과는 다음과 같습니다.












이러한 과정을 통해서, 하나의 위젯 윈도우에 여러 정보들을 붙여 나가는 것입니다. 상세한 API는 다음의 주소를 참조하시면 됩니다.

http://www.chameleo.org/api/index.html

그리고, 의문점들은 chameleo@googlegroups.com으로 보내주시면 됩니다. (현재는 영어로만 운영되고 있습니다.)