구글 플레이 뮤직에서는 사용자가 보유한 음악 파일을 올려놓고 스트리밍 방식으로 듣거나 다시 다운로드 할 수 있습니다.
초기에는 파일 업로드를 위해 별도의 응용프로그램 설치가 필요했습니다. 그냥 폴더 지정하고 켜두면 알아서 업로드 하는 자동 동기화 방식이라, 사용자가 직접 정리하기에 꽤 귀찮았습니다.
처음부터 완벽하게 ID3 태그가 정리되어 있지 않으면, 정말 엄청나게 꼬여버립니다. 특히 한국어나 일본어로 된 태그가 인코딩 문제로 깨지는 건 아주 흔한 일이었죠. 이렇게 꼬이기 시작하면, 올려놓고 정리할 수 있는 수준이 안 됩니다. 몇 천 개나 되는 음악들을 일일이 들으면서 정리할 수도 없는 노릇이니까요.
때문에 한동안은 그냥 포기한 채로 썼습니다. 어차피 좋아하는 노래들만 올려둔 것이니, 대충 셔플로 듣는 식이었죠.
새해도 되고 해서 데스크탑 시스템을 새로 조립했습니다. 관련 글을 보시면 아시겠지만 전에 쓰던 시스템이 무려 7년 전 사양이네요. 느리긴 해도 얼마 전에 SSD도 달았겠다 그럭저럭 쓸만했는데, 동영상 편집 작업을 하던 동생의 푸념에 결국 새로 조립했습니다. 이번에도 가성비 위주의 중저가 견적인데요, 다 고르고 나니 약 40만원 정도가 들었습니다. 딱히 맞춘 것도 아닌데 매번 이정도 가격대에서만 맞추게 되네요.
APN 재설정을 통해 해결?!
안드로이드 진영에서는 최근 버전 5.0 롤리팝으로의 업데이트가 계속되고 있습니다. 레퍼런스 기기인 넥서스 시리즈에는 벌써 5.0.2까지 올라간 기기도 있군요. 제가 쓰는 넥서스7 2013 모델은 5.0.2까지 올라갔고, 넥서스4에는 5.0.1까지 올라갔습니다. 삼성이나 LG 같은 제조사들의 기기에도 속속 롤리팝이 탑재되고 있습니다. 한편 2월 달에 롤리팝 5.1이 나온다는 소문도 들립니다.
필요한 일이 생겨 뚝딱뚝딱 검색해가며 만들었는데, 꽤 재밌는 거 같아 기록 차원에서 블로그에 남깁니다.
'jQuery를 이용한 간단한 동영상 갤러리'라 이름 붙였는데요, 크게 별거 없는 간단한 페이지입니다.
구조는 이렇습니다. 페이지 상단에 고정된 플레이어 영역이 있고, 하단에는 각 동영상의 썸네일이 있어요. 썸네일을 클릭하면 상단의 플레이어 영역에서 유튜브 동영상이 재생되는 식입니다.
상단 플레이어는 유튜브에서 제공하는 기본 iframe을 넣었습니다. 하단 썸네일은 보기 편하게 dl과 그 자식태그들에 클래스를 먹여 썼습니다. 사실 마크업 자체는 편하게 해도 됩니다. 어차피 jQuery에서 불러와야 하니까, 태그나 클래스명만 잘 구분해주면 되겠네요. dl.movs는 1, 2, 3번이 각각 내용만 다르고 모두 같은 태그로 이루어져 있습니다.
HTML이나 CSS 등 각종 코드를 pre 태그로 입력하면 알아서 이쁘게 컬러링해서 보여주는 pretty print라는 걸 알게 되어서... 테스트 삼아 써봅니다.
적용방법은 http://stackoverflow.com/questions/1852537/how-to-use-prettify-with-blogger-blogspot 글을 참고했습니다.
코드표시 테마는 http://google-code-prettify.googlecode.com/svn/trunk/styles/index.html를 참고했는데, 맘에 드는게 없어서 일부는 커스터마이징 했습니다. CSS를 드림위버의 코드 편집기처럼 보여주고 싶었는데 잘 안되네요. 클래스가 막 중복되고... 아무튼 대략 다른 사이트에 박힌 것 비슷하게 나오는 거 같아 좋습니다. HTML을 쓸 땐 괄호를 모두 lt, gt 등으로 바꿔서 넣어야 하는군요(위지윅 에디터에선 알아서 바꿔 넣어줌).
여기는 HTML
<p>hey</p>
<p>yay</p>
<p><em>test text </em></p>
<p><strong>html</strong></p>
<p> </p>
여기는 CSS
.x { width:100; height:100;} .y { font-size:13; font-weight:bold;} .z { position:relative; display:block;} #abc { position:relative; display:block; background:#red url(hey.png) no-repeat center top;}
여기는 자바스크립트 또는 jQuery
$( document ).ready(function() { console.log( "ready!" ); });
쓰려던 블로그 글은 안 쓰고 또 이렇게 한 순간의 실수(?)를... 이렇게 2015년의 첫 글을 시작합니다.
글
전체 댓글
