매쉬업 길들이기

아이폰에 한글 자막을 넣기 위해서는 일반적으로 다음의 과정을 거쳐야 한다.
(비디오와 한 몸이 되는 자막이 아니라 아이폰에서 on/off 시킬 수 있으며 여러 언어를 선택할 수 있는 자막이다.)

• 동영상 파일을 아이폰용 H.264로 트랜스코딩하여 mp4 파일 생성
• 한국에서 가장 많이 사용하는 한글 smi 파일을 UTF-8로 변환
• UTF-8 smi 형식의 자막 파일을 srt 형식의 자막 파일로 변환
• mp4 동영상 파일에 srt 자막을 추가한 새로운 mp4 파일 생성

인터넷을 찾아보면 이와 관련한 여러 가지 방법을 설명하고 있다.

한 번에 위의 단계를 깔끔하게 해 주는 프로그램이 있으면 좋겠지만 아직 맘에 드는 녀석을 찾지는 못 했다.

제가 주로 사용하는 방법은 Windows용 TMPGEnc4.0 Express로 동영상을 변환하고 자막을 준비한 후에 Mac용 subler를 이용해서 둘을 합하는 방법입니다. 리부팅도 해야 해서 불편하지만 결과는 만족스러운 편이다.

아래는 완성된 자막이 포함된 mp4 파일의 자막을 선택하는 화면이다.

아이폰으로 옮기지 전에 제대로 작업이 되었는지 확인하기 위해서는 Quicktime이나 itunes로 재생을 해 보면 된다.

그런데 이상한 것은 동일한 한글 자막이 포함된 mp4파일을 Mac용 quicktime이나 itunes에서는 자막을 수 있는데 winndows 용에서는 볼 수 없다는 것이다. 영어 자막이 포함된 다른 mp4 파일은 windows용에서도 재생이 되는 것으로 다른 원인이 있는 것 같기는 한데 정확한 원인은 아직 모르겠다.

서버는 항상 동일한 HTML만 응답하는 Ajax 응용에서 사용자의 입력에 따른 현재 상태를 즐겨찾기로 저장을 하고 싶다면 어떻게 해야 할까?

1. Query String을 이용한다.

서버에서는 query string에 따라서 처리를 하는 것이 없지만 javascript는 그 내용을 읽어서 처리를 할 수가 있다.

http://www.example.com/dir/?q=123를 javascript에서 읽어 들이는 방법에는 아래의 2가지가 있다.

console.log("document.location:" + document.location);
console.log("location.href:" + location.href);
=>
document.location:http://www.example.com/dir/?q=123
location.href:http://www.example.com/dir/?q=123

document.location과 location.href는 같은 결과를 보여준다. Redirect가 일어난 경우에는 다른 결과를 보여준다고 하지만 서버에 의한 REDIRECT인 경우에는 같은 결과를 보여주었다.

2. Query String에 따라서 다른 처리를 한다.

? 이후의 query string은 location.search을 읽으면 된다. 다음은 query string을 오브젝트로 만들어 주는 예이다. (Javascript The Definitive Guide 14.2.1 참조)

function getArgs() {
var args = new Object();
var query = location.search.substring(1);
var pairs = query.split(“&”);
for(var i = 0; i < pairs.length; i++) {
  var pos = pairs[i].indexOf(‘=’);
  if (pos == –1) continue;
  var argname = pairs[i].substring(0,pos);
  var vallue = pairs[i].substring(pos + 1);
  value = decodeURIComponent(value);
  args[argname] = value;
}
return args;
}

다음에서 로드뷰 오픈 API를 공개했습니다.

주요 기능

• 국제적 기준에 맞는 위/경도 좌표계 채택
• 좌표계 변환 기능 제공
• 영역 확대 및 축소
• 면적 및 거리 재기
• 선, 사각형, 화살표, 원 그리기
• 글자 입력 등이 가능한 입력 상자 넣기
• 스카이뷰(항공 사진) 제공
• 주소↔좌표 변환API
• 좌표계 변환 API
• 로드뷰(360도 거리사진) API제공

사용법은 타 지도 API와 별반 다르지 않아 어렵지 않고, 인증키 방식입니다.

친절한 안내 페이지도 있으니 참고하시면 될 것 같습니다. :)

http://dna.daum.net/apis/maps

예제

국립중앙도서관에서는 소장도서의 자료검색 기능을 OpenAPI로 제공하고 있습니다.

인증키를 신청해서 이용하는 방식입니다. 신청한다고 바로 발급되지는 않고 심사를 거쳐 발급한다고 되어 있네요. 2010년 6월 25일 현재 6건이 발급되었다고 나오네요. 브라우저 테스트용으로 보이는 2개를 제외하면 4개 밖에 되지 않습니다. 신청을 안 한 것인지 심사가 까다로운 것인지는 모르겠네요. 개인은 제외된다고 되어 있습니다. 그러나 개인이 신청한 내역은 보입니다.