마음의 안정을 찾기 위하여 - OPENAPI를 이용하여 무제한 용량의 동영상 블로그를 만들어보자~
2279215
971
952
관리자새글쓰기
태그위치로그방명록
별일없다의 생각
dawnsea's me2day/2010
색상(RGB)코드 추출기(Color...
Connection Generator/2010
최승호PD, '4대강 거짓말 검...
Green Monkey**/2010
Syng의 생각
syng's me2DAY/2010
천재 작곡가 윤일상이 기획,...
엘븐킹's Digital Factory/2010
OPENAPI를 이용하여 무제한 용량의 동영상 블로그를 만들어보자~
My-Program/블로그 플러그인 | 2007/07/13 09:09


판도라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내 개인 채널에도 동일하게 업로드가 되며, 해당 채널에서 동영상을 삭제하게 되면, 업로드한 블로그에서는 영상이 더이상 보이지 않게 된다.

2007/07/13 09:09 2007/07/13 09:09
Article tag list Go to top
View Comment 30
Trackback URL :: 이 글에는 트랙백을 보낼 수 없습니다
From. 2007/07/15 20:14삭제
공 DVD 구입..
DVD-R 구입.. 홈플러스에서..Home plus'알뜰' DVD-R 4.7GB짜리 10장에 일본(메이드 인 차이나)수출용 색색의 종이케이스 30장 이렇게 따라오는데가격이 6,900\ ;;; 진짜 비싸네 -_-.. 급하니까 샀지만, 역시...
From. 꼬마얀 2007/07/12 19:26
답글달기삭제
다른데면 모르겠는데 판도라라 꺼려져요 -ㅛ-

판이 돌아!!!!!!!!!!!;;;;
From. 복분자주(그리움) 2007/07/12 19:37
삭제
동영상 업로드 용량에 제한이 없다는 점에서 전 매리트가 있다고 봅니다.

개인적인 취향은 어쩔수 없죠. ^^
From. 상디야 2007/07/12 19:58
답글달기삭제
좋은 글 잘 읽고 갑니다.

재밌어 보여서 바로 적용했어요.ㅎㅎ
From. 복분자주(그리움) 2007/07/12 21:04
삭제
ㅎㅎ 무제한이라는 말에 깜빡 넘어갑니돠 ㅋㅋ
From. NoPD 2007/07/12 20:03
답글달기삭제
판도라가 요즘 그리드 딜리버리로 욕을 많이 먹고 있는데,
이번 시도는 참신하고 좋아 보입니다....
(물론, OpenAPI 안내 페이지를 들어가보면 상당히 급조-_-해서
만든것 같은 느낌도 물론 있습니다만.. 어찌되었건 말이죠...)

자세히 살펴보지는 않았지만
몇가지 매쉬업 꺼리가 떠올라서 한번 끄적여 볼까 생각중입니다~
글 잘읽고 갑니다 ^^
From. 복분자주(그리움) 2007/07/12 21:04
삭제
첨이니까 그렇겠죠. 점점 나아지면 편리한 인터페이스가 나오지 않을까 기대합니다.

그리고 플러그인 자체도 제가 실력이 미천하여 --; 잘 안나온 점도 좀 있구요.
From. 활의노래 2007/07/12 20:10
답글달기삭제
진짜... 판도라TV.. 최소한 재생만큼은 파이어폭스에서 됬으면 하는 바람이 드네요...
From. 복분자주(그리움) 2007/07/12 21:06
삭제
이 모듈은 플래쉬 플레이어라 파이어폭스에서도 재생이 될거같은데요?

음.. 방금 테스트한 결과 안되는군요. -,.-;
From. kaonic 2007/07/12 21:47
답글달기삭제
흐음... 파이어폭스에선 404에러가 뜨는군요.
From. 에구;; 2007/07/12 22:01
답글달기삭제
파폭쓰는데 안되네염 쩝;;
From. 팔콘 2007/07/13 03:23
답글달기삭제
테터툴즈 설치후 하니까 플러그인 목록에 뜨질 않네요. 도움부탁드려요.
From. 복분자주(그리움) 2007/07/13 08:47
삭제
태터툴즈 plugins 디렉토리에 압축을 해제하세요.

PandoraAPI라는 폴더안에

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

파일이 존재하여야 합니다.
From. 매니져 2007/07/13 09:37
답글달기삭제
♧오늘하루‥‥♣
◀▲◁△◀▲◁△
▼▶▽▷▼▶▽▷
ノ ノ ノ ノ
♣행운만있길♣
From. 환태 2007/07/13 18:39
답글달기삭제
oPandora가 정의되지않았습니다. /owner/entry/post 1069줄

이런오류뜨네요.

역시 판도라?
From. 활의노래 2007/07/14 11:41
삭제
저도 그런 오류가 뜨네요. 이거이거 난감한데.
아래는 그 에러 전문입니다.

Error : 'oPandora'이(가) 정의되지 않았습니다. (On line 1069 of http://블로그주소/owner/entry/post)
From. 복분자주(그리움) 2007/07/14 23:39
삭제
그렇군요. 제가 익스7환경에서 테스트했을때는 정상적으로 동작했는데, 다른컴퓨터에서는 안되네요. ( IE6)입니다.

제컴에서만 되는거였는지 아니면 다른 문제가 있는건지 알길이 없군요.
문의를 해봐야겠네요. 지적해주셔서 감사합니다.

현재로선 IE7에서만 되는게 아닌가 하는 생각입니다.

=========================================================

추가 : 원인을 찾았습니다. Include되는 자바스크립트의 alert 구문에 문제가 있네요. 수정해달라고 요청해야겠습니다.

alert("업로드 완료후 동영상 플레이 관련 HTML 태그값을 참조할 함수를 정의해주세요.");

위 구문에서 "." 다음에 공백을 넣어주면 되는데 희한하군요.
자바스크립트에서 "." 문법이 스트링 결합 예약어라도 되는걸까요 -_-? 이해할수 없지만, 해당 스크립트를 다운받아 제 서버에서 테스트해본 결과는 저리 되는군요. 해당 부분을 확인해달라고 요청해야겠네요.
그런데 익스 7에서는 저부분이 문제가 안되는데 익스6이하에서만 문제가 발생하게 되는걸지도 모르겠습니다. ㅋ
From. 복분자주(그리움) 2007/07/16 09:21
삭제
이 글을 작성하는 현재 시점에서 수정이 된것을 확인하였습니다.
다시 확인해보세요. ^^;
From. 호남삼육 2007/07/15 20:16
답글달기삭제
트랙백이 어떤건가 해서 한번 해봤는데
본의아니게 광고글이 되어버렸군요,
죄송합니다 ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ
From. 복분자주(그리움) 2007/07/16 08:44
삭제
ㅋㅋㅋ 그런가요?
From. 호남삼육 2007/07/15 21:12
답글달기삭제
alert("업로드 완료후 동영상 플레이 관련 HTML 태그값을 참조할 함수를 정의해주세요.";
이 구문이 무슨파일의 몇번째줄쯤에 있는지 알 수 있을까요??
아무리 찾아도 없기에요,,,
첨부파일 내에도 없구요,
/owner/entry/post/에도 없구요....
pandora_result.php에도 없구요..
근데 저는 1066번째줄이네요,


IE6에서 IE7로 바꾸니까 되네요 ^^;;
그런데요,, 이 플러그인 혹시,,
Text Cube라고 하니요..
태터툴즈 새 버전요,, 거기서도 사용가능할까요??
From. 복분자주(그리움) 2007/07/16 09:22
삭제
해당 경고문은 판도라 API서버에 있는 파일의 내용입니다.
include되는 js파일을 다운로드받아서 디버깅 해본거거든요. ^^;

이글을 작성하는 시점에서 판도라서버내의 js파일이 수정된것을 확인하였습니다.

설치형 블로그에서는 얼마든지 사용가능합니다.

다문 TextCUBE에서는 객체 Name이 달라져서 어찌될진 모르겠지만,
그부분을 설치해서 알아보도록 하죠.
From. 호남삼육 2007/07/17 19:50
답글달기삭제
혹시 전체화면으로 설정할 방법은 없나요??
그리고 자막까지 함께 올리는 방법은 자막까지 합쳐서 재인코딩밖에 방법이 없을까요?? ㅠㅠ
From. 복분자주(그리움) 2007/07/18 09:04
삭제
처음부터 전체화면으로 플레이되게 하는것은 없는거 같네요 --;
플레이중에 전체화면 버튼을 누르면 확대가 되긴 하는군요
From. 비돌 2007/07/24 15:35
답글달기삭제
저는 제 블로그에서 동영상 등록 시 썸네일 까지는 진행하는데 그 후에 "오류! 오프너를 잃어 버렸거나 판도라 TV upload API를 참조할 수 없습니다." 라는 에러가 뜨는데요. 이유를 알 수 있을까요?
초보가 동영상 한 번 올려볼려고 하니 어렵네요. 지도 편달을 부탁 드립니다.
From. 복분자주(그리움) 2007/07/24 18:25
삭제
오류! 오프너를 잃어 버렸거나 판도라 TV upload API를 참조할 수 없습니다

라는 오류는 아마도

"판도라API인증키" 부분을 수정하지 않으셔서 그런게 아닐까 싶습니다.

판도라 홈페이지에 가셔서 회원가입을 하신후 API 사용신청을 해서 인증키를 받으신다음 발급된 인증키를 이곳 본문에 있는 빨간색 부분에서 수정을 해주셔야 합니다.
From. 비돌 2007/07/24 18:45
답글달기삭제
인증키는 말씀하신 붉은 부분에 고쳐서 올렸습니다.
user id 부분도 제가 판도라에 가입했던 id를 넣었고요.
그런데도 상기의 에러가 나네요.
혹시 어딘가에서 url을 바꿔줘야 하나요?
답변 주셨는데 또 질문 드려서 죄송합니다...ㅜㅜ
From. 복분자주(그리움) 2007/07/25 08:36
삭제
음. 제가 사용하고 있는 태터툴 버젼이 1.1.2.2입니다.
해당 버전에서 두부분만 손대면 고칠게 없이 바로 사용이 가능합니다.

혹시 사용하고 계신 태터툴 버젼이 몇이신지요?

그리고 플러그인 다음 수정버전(UTF8적용)이 [Version0.2]

http://dolba.net/tt/k2club/792 에 있습니다.

저버전을 이용해보시죠.
From. stan 2007/12/31 19:52
답글달기삭제
티스토리에서는 어케 해야하죠?
플러그인 업로드 기능이 없어서..
From. 복분자주(그리움) 2008/01/02 08:58
삭제
티스토리에서는 티스토리에서 제공하는 플러그인과 제한적인 환경에서의 플러그인 응용 사용만 가능합니다.
때문에, 상기의 플러그인은 사용이 힘들것 같습니다.

시간이 나는대로 티스토리에서의 외부 플러그인 사용에 관한 방법을 찾아보도록 하겠습니다.
PREV : [1][2] :
 
 
 
 
: [1][2][3][4] : NEXT
«   2024/04   »
  1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30        
전체 (1317)
출판 준비 (0)
My-Pro... (41)
사는 ... (933)
블로그... (22)
My Lib... (32)
게임 ... (23)
개발관... (3)
Smart ... (1)
Delphi (93)
C Builder (0)
Object... (0)
VC, MF... (10)
Window... (1)
Open API (3)
Visual... (0)
Java, JSP (2)
ASP.NET (0)
PHP (5)
Database (12)
리눅스 (29)
Windows (25)
Device... (1)
Embedded (1)
게임 ... (0)
Web Se... (2)
Web, S... (21)
잡다한... (6)
프로젝트 (0)
Personal (0)
대통령... (13)
Link (2)