판도라TV에서 OPEN API(이하 Interface)를 서비스하고 있다. 이를 이용하여 내 블로그 방문자에게 양질(?)의 동영상을 용량에 제한없이 서비스 하는 방법을 알려주고자 한다.
용량이 무제한~~~~~~~
이 서비스는 기존 판도라의 ActiveX모듈과 달리 사용자의 PC에 아무런 자료를 설치하지 않으므로, 요즘 유명세를 타고 있는 "Grid Delivery(그리드 딜리버리)"와도 무관하며 플레이 역시 Flasl Player를 이용하여 플레이가 되므로, 무지 편리하다 할 수 있다.
다른 OPEN API가 그렇듯이, Interface역시 판도라TV 홈페이지에 가서 회원가입을 한후에, 인증키를 받아야만 사용이 가능하다.
OPENAPI를 이용하여 태터툴즈에 동영상 플레이 서비스를 운영하는 방법을 알아보자.
[판도라내 소개페이지 보기 : http://interface.pandora.tv/?mode=use]
첨부된 파일을 다운받게 되면, 아래와 같은 파일이 나온다.
아래 파일들을 태터툴즈의 Plugin 디렉토리에 PandoraAPI라고 폴더를 만든후 복사하여주자.
첨부된 zip파일을 압축해제하여도 무방하다.
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내 개인 채널에도 동일하게 업로드가 되며, 해당 채널에서 동영상을 삭제하게 되면, 업로드한 블로그에서는 영상이 더이상 보이지 않게 된다.