blog.wimy.com

Google Hackfair 에 내려고 만들었는데, 안타깝게도 전시회에는 못 나가게 되었음 ㅠㅜ 마무리하는 의미로 블로그에 소개글 남겨본다. 메인 주제는 YouTube 를 통한 영어 공부를 할 때 도움이 되는 웹앱이다. 다음과 같은 기능이 있다. * 구간 반복* 속도 조절* 5초/10초 앞으로 가기* 자막 켜고 끄기* 사전 연동 소개 동영상 주소는 https://www.youtube.com/watch?v=_UVfek-zRqE 이다. 홈페이지 주소는 http://tube-english.appspot.com/ 이다. 여기서 검색 창에 YouTube 주소를 붙여넣고 검색하면 위의 화면처럼 로딩되면서 앞의 기능들을 사용할 수 있다. 크롬 웹브라우저에서는 [플러그인] 을 설치하면 YouTube 에서 동영상을 보다..

http://box.wimy.com/ 을 만들어놓고 많은 시간이 지나서, 한번씩 이런저런 버그들을 고치고는 하지만, 모바일에서 재생이 제대로 안되는 건 정말 골치 아픈 일이다. 특히 작년까지만 해도 대부분의 스마트폰에서는 동영상을 full-frame 으로 보여주지도 못했으니... 이제는 그나마 성능은 어느 정도 받쳐주는 것 같다. 그런데 최근에 다시 스마트 폰에서 해보니 재생이 안되는 것이다. 이래저래 디버깅을 해보다가 안되어서 구글 공식 문서를 뒤져보니, 이런 내용이 나왔다 : https://developers.google.com/youtube/iframe_api_reference#Mobile_considerations 대충 읽어보면, "데이터망에서 원치않은 다운로드를 막기 위해서 임베드된 미디어는 자..

얼마전 구글 코리아 주최의 핵페어가 있었다.(http://googlekoreablog.blogspot.kr/2012/11/google-hackfair_6.html) 난 평소에 wimybox 를 만들면서 생각했던 아이디어로 WimyLime(http://lime.wimy.com/)이라는 프로젝트로 참여를 했다. 바로 YouTube 에 있는 뮤직 비디오들에 리듬 액션 게임 요소를 넣어서 게임을 만들면 어떨까라는 생각! 리듬 액션 게임을 한번 만들어볼 생각은 전에도 했었지만, 음악과 리듬을 구하는게 쉽지 않아서, 음악은 YouTube 에 있는 공식 뮤직비디오들을 가져오고, 리듬은 직접 쉽게 입력할 수 있으면 어떨까해서... 시작했다. 평소에 매우 조금씩 만들어오던 것을 시간을 조금 더 투자해서 제출해보았고, 다..

오랜만에 주말동안 열코딩을 했습니다. 사실 코딩쪽은 코드 정리와 html5 YouTubeAPI 정도이고, CSS 를 통한 디자인 작업을 거의 했습니다. 기능 추가는 다음과 같습니다. - mobile device 에서 접속 혹은 창 크기가 작을 때 mobile 용 레이아웃으로 보여줌 - html5 YouTubeAPI 를 통해 html5 기반의 플레이어를 지원합니다. flash 를 지원하지 않는 iPhone 에서도 반수동으로 플레이가 (겨우) 가능. 안드로이드 폰에서도 html5 mode 로 재생 지원 가능 - 불필요한 라이브러리를 제거하여 시작 속도를 향상 - color tag design 에서 사용한 이미지 파일을 CSS 에 내장하여 속도 저하가 거의 없음 디자인은 아래와 같이 변경되었습니다. 아래의 b..

우연히 유뷰브 동영상을 다운받는 프로그램의 소스를 보게 되어서 파이썬으로 직접 코드를 짜면서 따라가보았다. 생각보다 간단하지만, 한단계를 거쳐서 가야해서 조금 번거롭기는 하다. 다음과 같은 과정으로 플래시 동영상 파일인 flv 파일을 다운받을 수 있다. 원하는 video id 를 얻는다. 이건 보통 play 하는 url 에, v=???? 라며 적혀있다. 특정 url 에 원하는 video id 를 넣어서 토큰(token)이라는 걸 얻는다. 다시 특정 url 에 원하는 video id 와 앞에서 얻은 토큰을 얻어서 다운로드를 한다. 파이썬으로 만들어본 코드는 다음과 같다. 가장 간단한 과정을 모두 보여주므로, win32 나 C# 으로 이 과정대로 따라 만들면 쉽게 만들 수 있을것 같다. import urll..

사실 전 아무것도 한게 없는;;; google 의 video search api 가 좀 이상해져서 video.google.com 의 내용만 검색되다가, 다시 잘되게 복구되었는 것 같네요. 한 10일 정도 제대로 안되었던듯... 앞으로는 이런 일이 없길 구글신에게 기도해봅니다 ㅋㅋ

pop.wimy.com 에서 google 의 GVideosearch 를 사용하는데, 일주일쯤전부터 이상하게 기본적으로 video.google.com 내의 내용만 검색하는거 같네요. 이상하게 음악 플레이가 안되어서 이틀동안 퇴근하고 추적해보니, 검색을 거의 못하고, 영문만 검색되고, 검색후의 url 도 이상해서 보니, 유튜브를 기본적으로 검색 못하는 것 같습니다. 일단 임시방편으로 특정 채널만 검색하도록 하니 일단 되기는 하는데... 시간을 두고 왜 이런지 알아봐야겠네요. 유튜브 api 가 버젼 2 로 올라가는 중이라던데 이것 때문인지 음... 아주 작은 사이트를 계속 서비스 유지하는 것도 이래저래 힘들다는 걸 새삼느끼네요.

이번 주말동안 최신음악을 항상 재생해주는 유튜브 메쉬업(http://pop.wimy.com) 을 만들어보았다. 갑자기 생각나서 만들게 된 메쉬업이다. 동작 방식은 간단하다. 특정 음악 순위 사이트에서 순위를 받아와서, 받아온 가수와 곡명으로 유튜브에서 검색을 해서 플레이를 해준다. 일종의 음악방송 같은 느낌으로 계속 최신곡을 재생해준다. 기술적으로는 google appengine 을 이용해서 python 으로 음악 순위를 parsing 해서 xml 로 보여주고, 이 xml 을 javascript 로 읽어와서, google video search 와 youtube player 를 통해 재생한다. 정말 조합해서 쉽게쉽게 짤 수 있어서 좋은 세상이다~ 특히 google 관련 api 는 ajax playgrou..