OPENAPI를 이용하여 무제한 용량의 동영상 블로그를 만들어보자~

판도라TV에서 OPEN API(이하 Interface)를 서비스하고 있다. 이를 이용하여 내 블로그 방문자에게 양질(?)의 동영상을 용량에 제한없이 서비스 하는 방법을 알려주고자 한다.

용량이 무제한~~~~~~~

이 서비스는 기존 판도라의 ActiveX모듈과 달리 사용자의 PC에 아무런 자료를 설치하지 않으므로, 요즘 유명세를 타고 있는 "Grid Delivery(그리드 딜리버리)"와도 무관하며 플레이 역시 Flasl Player를 이용하여 플레이가 되므로, 무지 편리하다 할 수 있다.

다른 OPEN API가 그렇듯이, Interface역시 판도라TV 홈페이지에 가서 회원가입을 한후에, 인증키를 받아야만 사용이 가능하다.

OPENAPI를 이용하여 태터툴즈에 동영상 플레이 서비스를 운영하는 방법을 알아보자.
[판도라내 소개페이지 보기 : http://interface.pandora.tv/?mode=use (새 창으로 열기)]

첨부된 파일을 다운받게 되면,  아래와 같은 파일이 나온다.
아래 파일들을 태터툴즈의 Plugin 디렉토리에 PandoraAPI라고 폴더를 만든후 복사하여주자.

첨부된 zip파일을 압축해제하여도 무방하다.

icon_movie.gif
index.php
index.xml
pandora_result.php

이제 자신의 환경에 맞게 index.php 파일의 내용중 빨갛게 표시한 부분만 변경하면 된다.

<?
function PandoraMovieUpload($target) {
  global $pluginURL;
?>
<script language="javascript" src="http://up.pandora.tv/outbound/api.upload.js"></script (새 창으로 열기)>
<script language="javascript">
function upload_open() {
    var oForm       = document.forms[0];     //document.forms["editor-form"]; // 게시물 입력용 폼 객체 ["fmBoard"은 폼 네임 값 ]     
    var key         = "판도라API 인증키"; // 판도라TV에서 발급한 인증키 ["xxxxxxxxxxx"은 발급 받은 인증키 값 ]
    var userid      = "판도라아이디";              // 게시판 사이트의 사용자 아이디 ["guest"은 회원 아이디 값 ]
    var returnPath  = "<?echo 'http://'.$_SERVER['SERVER_NAME'].$pluginURL."/pandora_result.php" ?>"; // 판도라TV에서 제공되는 리턴 페이지의 경로 [다운로드 한 페이지의 Full URL ]
    var title       = oForm.title.value;     // 게시물 제목(판도라TV에 등록되는 동영상의 제목) ["title"은 제목 필드 값]
   
   try {
  if (editor.editMode == "WYSIWYG")
     oForm.content.value = editor.html2ttml(editor.contentDocument.body.innerHTML);
   } catch(e) {
   }
   var content  = trim(oForm.content.value); // 게시물 내용(판도라TV에 등록되는 동영상의 내용) ["body"은 제목 필드 값]
 
   oPandora.rtnFunction = pandoraLink; // 업로드 완료시 호출되는 함수 치환
   oPandora.open(key, userid, returnPath, title, content); // 업로드 창 오픈
}

function pandoraLink() { // 업로드 완료 시 호출될 함수
    var oForm = document.forms[0]; // 게시물 입력용 폼 객체
    var sEmbedTag = oPandora.getEmbedTag(2); // 동영상 플레이 관련 HTML tag
    try {
     if (editor.editMode == "WYSIWYG")
       editor.contentDocument.body.innerHTML += sEmbedTag;
        oForm.content.value = editor.html2ttml(editor.contentDocument.body.innerHTML);
    } catch(e) {
    }
}
</script>

<img src="<?echo $pluginURL.'/icon_movie.gif';?>" onclick="upload_open()" alt="판도라OpenAPI 동영상업로드">
<?
}
?>

이제 관리자 페이지로 들어가서 플러그인 목록중 PandoraAPI를 찾아 "사용중"으로 설정을 변경한다.

이후 글쓰기 화면으로 들어가면  아래와 같이 동영상 버튼이 추가된것을 확인할 수 있다.

1) 동영상 버튼을 클릭해보자.
아래와 같이 영상을 업로드 할 수 있는 창이 새로 열리게 된다. 이때부터는 판도라 TV 서버단의 API를 이용하게된다.
(※ 한가지 아쉬운점이라면 태터툴즈는 UTF8형식으로 문서가 작성이 되는데, 판도라는 EUC-KR형식으로 문서를 처리하는것 같다. 때문에, 태터툴즈 작성란에 제목과 내용이 이미 입력되어 있으면, 깨진 문자를 보게될 것이다.)

2) 업로드 버튼을 클릭하면, 동영상을 선택할 수 있는 다이얼로그 창이 나타나며, 업로드할 동영상을 선택하고 "업로드"버튼을 클릭한다.

3) 동영상이 업로드 되는 시간은 네트워크 속도와 파일 용량에 따라 차이가 있으므로, 용량이 큰 파일의 경우는 당연히 오래 기다려야한다. --;

4) 동영상 업로드가 완료되면, 썸네일 추출하는 화면이 나오고 썸네일 3장중에 맘에드는 이미지를 클릭하고 확인을 누르면 업로드가 완료되게 된다.

이제 이 메뉴얼을 만들면서 업로드한 트랜스포머 제작 동영상을 감상해보도록 하자.
해당 영상이 230메가짜리다. 용량에 제한없이 업로드 할 수 있으니 이 얼마나 기쁘지 아니한가? ㅋㅋㅋ

※ 업로드 된 동영상은 판도라TV내 개인 채널에도 동일하게 업로드가 되며, 해당 채널에서 동영상을 삭제하게 되면, 업로드한 블로그에서는 영상이 더이상 보이지 않게 된다.

PandoraAPI.zip

http://dolba.net/tt/k2club/789
http://www.pandora.tv/info_event/default.asp?p=board&p=board&code=notice&work=view&id=641