[플러그인] GUN’s JW Flash (flv) Player Edited Version. (By Mikador)

0. 본 포스팅의 갱신은 새로운 포스트에서 계속됩니다.

버젼 업데이트 된 포스트가 생성이 되었기때문에 플러그인의 유지관리는 http://idelines.net/237 그 쪽에서 합니다.

1. 개요

 요새 한창 뜨고 있는 UCC중 동영상 부분의 대부분은 Mncast, 네이버 동영상과 같은 형태로 전파되고 있습니다. 이들은 FLV라고 하는 확장자를 가진 동영상 파일로서 Adobe사의 Flahs에서 제공하는 포맷입니다. FLV파일은 이미 로컬에서는 재생될 수 있게 많은 프로그램들이 나왔지만 FLV의 원래 목적인 웹 재생에 있어서는 일종의 D.I.Y를 할 수 있는 프로그램이 거이 의 없습니다.
 블로거들은 기존의 Mncast와 같은 서비스를 포스트에 삽입하여도 괜찮지만, 최근들어 광고가 삽입되는 등의 단점이 보입니다. 그렇기 때문에 테터툴즈 자체의 플러그인 기능을 통하여 Flv파일을 재생하고자 하는 것이 이 플러그인입니다.
 이 플러그인은 원래 건이아빠(
http://www.yangkun.pe.kr) 님께서 제작하신 것이며 본인은 기타 기능을 위해 수정하였습니다.

2. 변경 내용
  • 테터툴즈의 파일업로드기능을 이용하여 FLV파일을 직접 업로드하고 삽입할 수 있습니다.
  • 플레이어 번호를 랜덤생성 하여 혹시나 생길 수 있는 문제점(플레이어 스크립트가 중복되어 플레이 되지 않는 형상)을 방지합니다.
  • 플레이어를 SWFobject 방식 또는 Embed 방식으로 삽입할 수 있게 변경하여습니다. (자세한 설명은 6번 참조)
3. 설치 방법

   1. 플러그인을 다운로드 합니다.

GUN_JWFlashPlayer_Mikador.zip (37.94 KB)

   2. 받은 파일의 압축을 풀고 파일들을 Plugin폴더에 GUN_JWFlashPlayer폴더에 업로드합니다. (폴더이름은 특별히 상관이 없습니다.)
   3. 테터툴즈 관리자 모드로 들어가신후에 플러그인 설정에서 GUN – JW Flash Player를 사용중으로 선택합니다.

3-2. 버젼업그레이드상황

플러그인 관리자 페이지에서 버젼을 확인해 주세요.

2007.08.20 Ver 1.1.2 – 간혹 플레이어가 Explode 되는 문제 해결
2007.08.19 Ver 1.1.1 – 파이어폭스간의 호환성문제 해결
2007.08.13 Ver 1.1 – 파일 첨부 경로가 다를수 있는 환경이 있어서 그 부분 문제에 대해 수정되었습니다.
2007.08.10 Ver 1.0 – 2. 변경내용 참조요망

4. 사용방법

1) 글쓰기 모드에 들어가시면 아래 그림처럼 [Flv 설정 열기]라고 나오게 됩니다. 클릭하시면 Flv 파일을 넣으실 수 있습니다.

사용자 삽입 이미지

2-1) 웹상에 있는 주소에서 FLV 파일 삽입하기
    (1) 먼저 아래 그림의 빨간색 표시되어 있는 부분에 Flv파일의 주소를 적습니다.

사용자 삽입 이미지

     
  (2-1) Swfobject 방식으로 삽입을 하시려면 Swfobject 방식을 선택하시고 [주소에서 삽입]을 누르세요.

사용자 삽입 이미지

     
  (3-1) 제대로 삽입이 된다면 이지윅 에디터에 아래그림처럼 표시됩니다.

사용자 삽입 이미지

   

   (2-2) 마찬가지로 Embed 방식으로 삽입하시려면 Embed 방식을 선택하세요.

사용자 삽입 이미지

   
   (3-2) Embed방식으로 제대로 삽입이 된다면 아래 그림처럼 이지윅 에디터에 나오게 됩니다.

사용자 삽입 이미지

2-2) FLV파일을 업로드하여 재생하기
     (1) 먼저 파일을 업로드 합니다.
     (2) 업로드한 파일을 선택하시고 [파일리스트에서 삽입]을 누르시면 파일이 정상적으로 삽입됩니다.

사용자 삽입 이미지

5. 라이센스

 본 플러그인은 원 저작자님께서 설정하신 크리에이티브 커먼즈 라이센스에 의거하여 동일한 라이센스가 적용됩니다. (저작자표시-비영리-동일조건변경허락)

6. Swfobject방식과 embed방식간의 차이점
  • 저도 확실히 아는 바가 없어서 짧게만 언급해 보겠습니다. Embed 방식에 대해서는 모두들 잘 아시다시피 이전부터 동영상이나 음악파일을 넣을 때 쉽게 사용하던 방식입니다.Microsoft사에서 이올라스 테크놀러지의 특허를 침범한 일이 있었습니다.(관련:http://www.microsoft.com/korea/windows/ie/ie6/activex/default.mspx) 그 후에 익스플로러의 구조가 바뀌고 활성화를 해야되는 방식으로 변경되어서 불편해졌습니다. 그러면서 플래쉬 파일에 한해서 대안으로 시작된게 Swfobject 방식입니다. (이 부분은 확실하지 않고, 추측입니다. Swfobject방식이 예전부터 있던건지 아니면 구조변경이후 개발된건지 아니면, 비슷했던 방식이 있었는데 발전한건지… 모르겠습니다.)
  • 눈에 띄는 차이점

    1) Swfobject는 활성화가 필요없지만 Embed는 활성화가 필요하다
    2) Swfobject는 한 페이지내에 여러 포스트가 있고, 각 포스트에 Flvplayer가 있을 경우 문제가 발생할 수도 있다. (확실하게 해결한 문제가 아니라 임시 방편으로 해결한 상황인지라.. 확률은 만분의 일입니다…;;;) Embed 방식은 문제가 없다
    3) Swfobject는 이지윅으로 수정하다보면 잘못해서 스크립트를 삭제할 수려가 있지만 embed는 그런 문제가 없다.

  • 대충 눈에 띄는건 이정도 입니다. 속도나 호환성 등등의 차이가 있을 수도 있겠지만 모르겠네요-_-;; 혹시 아시는 분이 계시다면 좋겠습니다 ^^%
  • Sample

    1) Swfobject방식

    FLV Player(윤하 – 연애조건)

    var flvplayer5728 = new SWFObject(“/plugins/GUN_JWFlashPlayer_Mikador/flvplayer.swf”,”single”,”400″,”300″,”7″);flvplayer5728.addParam(“allowfullscreen”,”true”);flvplayer5728.addVariable(“file”,”http://ss.textcube.com/blog/0/3152/attach/1021499400.flv”);flvplayer5728.addVariable(“showdownload”,”true”);flvplayer5728.write(“GUNJFPPlayer5728”);
    2) Embed 방식
    /plugins/GUN_JWFlashPlayer_Mikador/flvplayer.swf

p.s 건이아빠님 블로그에서 본 포스트 스타일을 한번 따라해보았습니다. 깔끔하네요.ㅠ
테터에 글박스 기능이 있는 줄 처음알았습니다-_-;


Posted

in

by

Comments

24 responses to “[플러그인] GUN’s JW Flash (flv) Player Edited Version. (By Mikador)”

  1. lightmotive Avatar

    안녕하세요~~ 제가 일등으로 플러그인 사용해본거 같아요~

    전에 걸로 동영상 두개를 업로드 했는데 오류가 나더라구여..

    그래서 인터넷을 링크 타고 돌다가~ 지금 작성중이신 본문을 기다리며 다운로드 생기자 마자 받아서 테스트 했어요~

    문제가 감쪽 같이 해결되서 좋습니다..

    정말 감사드려요~~ 수고 하셨습니다!!!

    플러그인 잘쓸게요~

  2. 미카도르 Avatar

    @lightmotive – 2007/08/10 00:49
    감사합니다 ^^

    문제가 잘 해결되셨다니 다행이네요..

    플러그인 잘 사용하세요~

  3. P&T Avatar
    P&T

    지금 태터 1.1.3 사용중입니다.

    플러그인을 설치했는데, 똑같은 FLV 파일을 삽입했는데 어떤 때는 제대로 들어가서 플레이가 되는데, 어떤때는 안됩니다. 10번 정도 넣으면 1번 정도는 되는 FLV도 있고, 죽어라 안되는 FLV도 있습니다. T.T

    그리고 태터로 업로드한 파일을 삽입하면 아예 안됩니다. 그나마 주소로 링크를 해야 겨우 되는 경우가 있습니다. T.T

    그 외에도 몇번 시도해본 결과 video bit rate가 256를 넘으면 안되는것 같습니다…. 많이 시도는 못해봐서… T.T

    정말 넘 꼭 쓰고 싶은데… 가능하게 수정해 주세요~~~~~~~~~~~~~ ^.^

  4. 미카도르 Avatar

    @P&T – 2007/08/12 18:02
    이리저리 테스트를 해보고 있습니다만, 비트레이트를 여러가지로 해서 인코딩해보았는데 전부 잘 영상이 나오는 거 같습니다. 혹시 어떤 영상이 오류가 나는지, 어떤 페이지에서 나는지 알려주신다면 도움이 될것 같습니다. ^^

    http://blog.ieyn.info/dori/229 <-- 테스트 영상들을 올려 보았습니다; 아마도 고비트레이트 영상은 용량이 커서 로딩할때 시간이 조금 걸리는 것같습니다.. p.s 플레이어는 여러개가 생성이되어도 동시에 버퍼링이 될 수 있는 갯수는 한정이 되어있는 것 같습니다;

  5. P&amp;T Avatar
    P&amp;T

    태터에 첨부 파일로 넣은 건 모두 엑박 뜨고 안되는건 php 소스를 아래와 같이 바꿨더니 잘 됩니다. ^^;

    index.php 64번째 줄:

    var file ='../../../../attach//' + value[0];

    이것을 아래로 변경

    var file ='/blog/attach//' + value[0];

    제 컴터만 그런지 위의 경로에 attach가 존재하지 않았습니다.

    이렇게 하니 전에 안 되던 것들이 어느 정도 됩니다. ^^;

    bit rate 같은 것도 좀 더 테스트해보겠습니다. ^^

  6. 미카도르 Avatar

    @P&T – 2007/08/13 16:17
    아.. 경로에서 다를 수 있는 부분을 수정해서 다시 올렸습니다;

    지적 감사합니다 ^^

  7. P&amp;T Avatar
    P&amp;T

    위대로 고치기만 하니까 첨부된 파일은 bit rate 상관없이 모두 잘 됩니다. 요호~ ^^; 아… 그리고 random * 10000 -> 100000으로 고쳐서 쓰고 있습니다. 혹시나 해서…

    주소로 입력하는건 테스트 못해봤습니다. 일단 되기에…. ㅋㅋㅋ

    이런 좋은 plugin 만들어주셔서 고맙게 잘 쓰겠습니다. ^^

  8. 미카도르 Avatar

    @P&T – 2007/08/13 16:56
    넵 ^^ 잘 되신다니까 다행이네요 ^^ 날씨가 오락가락하는데 조심하세요~!

  9. 멀더끙 Avatar

    플러그인에 대해 질문 있는데요 ^^;;

    FLV 를 직접 삽입해서 하는 경우는 당연히 영상물에 대한 트래픽일 걸릴껀데

    FLV를 주소로 삽입하는 경우에는 (mncast에 업로드 해서 따올 예정인데) 영상물에 대한 트래픽이 걸리는지 안걸리는지 알고 싶어요~

  10. 미카도르 Avatar

    멀더끙님, 아마도 주소로 삽입하는 경우에는 트래픽이 그쪽 서버에 걸리지 않을까요?? 잘 모르겠습니다;

  11. 산소같은도사 Avatar

    @멀더끙 – 2007/08/17 13:03
    이런 경우 flv가 올라가 있는 사이트 트래픽이 올라갑니다.

  12. 산소같은도사 Avatar

    좋은 플러그인 잘 쓰고 있습니다.

    몇가지 이상한 부분이 있어 문의를 드리려고 합니다.

    1. FF에서는 정상적으로 플레이되는데… IE에선 플레이어가 깨져 보입니다.

    2. IE에서는 복수 등록이 잘 되는데… FF에서는 두번째부터는 영상이 안걸리고 3-1 내용이 그대로 출력되버립니다.

    Swfobject 방식과 Embed 방식 동일한 현상입니다.

    이건 왜 이러는 걸까요?

  13. 미카도르 Avatar

    @산소같은도사 – 2007/08/18 23:33
    죄송하지만 그 페이지를 보여주실수 있으신지요? 저같은경우에는 FF/IE 둘다 정상적으로 나오고, 복수 등록도 잘 되서요 ^^;;

    혹시 가능하시다면 Flash 버젼과 파폭 버젼도 알려주시면 감사하겠습니다 ^^

  14. 산소같은도사 Avatar

    테스트해본 결과 몇몇 스킨에서만 그런 현상이 나타나네요~

    보기가 이상해서 스킨을 바꿔버린 관계로…

    테스트 계정(http://dosahyun.mireene.com/)에 준비해뒀습니다^^

  15. 미카도르 Avatar

    @산소같은도사 – 2007/08/19 16:21
    죄송합니다만 아무리 봐도 왜 그렇게 깨지는지 모르겠네요;

    혹시나 해서 똑같은 스킨을 구해서 설치해보았는데 정상적으로 나오고요..

    다른 플러그인과 충돌이 있는 건 아닌가 싶기도 하네요;; 정확한 해결을 못 해드려서 죄송합니다.ㅠㅠ

    다만 플래쉬 플레이어 제작하신 분이나 swfobject쪽에 문제를 문의해 두었습니다. 일단은 기다려봐야 할듯합니다.ㅠㅠ

  16. 산소같은도사 Avatar

    @미카도르 – 2007/08/19 22:37
    음… 덧글 보구서 플러그인 확인해봤는데…

    기본 플러그인 외 설치한게 없습니다.

    그리고, 본 플러그인 외에 모두 해제를 하고 봤는데도 동일하네요.

    이런 현상 한 번 나오면 머리 아파지는데, 신경 많이 쓰이실 것 같습니다.^^

  17. j Avatar
    j

    안녕하세요, 플러그인 사용중에 궁굼한 점이 있어 실례를 범합니다.^^

    1. 위 샘플 동영상처럼 플레이어 조종 부분이 영상의 아래에 고정되게 하는 방법을 알고 싶거든요,,,

    제 경우는 영상끝이 아니라 영상과 겹쳐서 보여졌다 사라졌다 하거든요.

    2. 제 경우도 영상의 첫 화면이 위 샘플처럼 검게만 나오는데,

    영상 첫 화면을 영상 중 한 이미지로 넣고 싶은데, 그게 잘 안되네요.

    영상중 한 화면을 캡춰해서 파일(jpg) 업로드 한 후에,

    flv '세부설정' 중에서 썸네일로 첨부파일을 했는데, 안되더군요.

    번거로우시겠지만 좀 더 자세하게 설면 좀 부탁드리겠습니다. please…

    참고로 제 영상 링크( http://hi-j.com/sound-like-image/1 )를 해보겟습니다.

    참고하시고,,,부탁드릴께요^^

  18. 미카도르 Avatar

    @j – 2007/10/18 20:02
    답변을 늦게 달아드려서 죄송합니다ㅜ 그리고 실례라니요 ^^;;

    1. 이부분은 제가 수정해서 1.2.9 버젼으로 업로드 해드리겠습니다.

    내일쯤 http://idelines.net/237에서 확인해주시면 감사하겠습니다.

    문제점은 displayheight와 height가 일치할때 발생하는 듯합니다. 플레이어조종바를 영상 아래에 고정시키시려면 displayheight를 height보다 20작은 값으로 입력해서 html소스를 수정해주시면 감사하겠습니다.

    2. 링크 걸어주신 곳에 가서 확인해 보았습니다. 아마 썸네일 부분이 설정이 저장이 안된듯 합니다 ^^; 섬네일로 첨부파일을 하신후에, [수정]버튼을 눌러 주셔야 저장이 됩니다. 번거로워 하시는 듯 하여 이부분 역시 1.2.9 버젼에서 수정해서 업로드 하겟습니다;

    날씨가 매우 추운데 건강하시고 좋은하루 되세요 ^^

  19. j Avatar
    j

    안녕하세요, 위에 질문올린 j입니다.

    매번 질문만 해서 죄송한데요.

    제 컴퓨터가 아닌 다른 분 컴퓨터에서 제 블로그의 동영상들을 보니,

    이상하게 동영상은 안보이고 딸랑 'FLV Player(21god1.flv)'

    요렇게 텍스트만 나오는데, 이 경우 뭐가 잘못된 걸까요?

    이 컴퓨터에 뭔가 설치가 안되었다는 건데, 도데체 모르겠네요.

    혹시 아실려나 해서 한번 질문 드려봅니다….

  20. j Avatar
    j

    위 질문에 이어 말씀드리면,

    FLV 설정시, Swfobject방식으로 올린 동영상은 안보이고

    Embed 방식으로 올린 동영상은 보이는 걸로 확인됩니다.

    무슨 문제일까요,,,^^

  21. 미카도르 Avatar

    @j – 2007/11/01 20:23
    일단 저 같은 경우는 J님의 페이지에서 동영상이 잘 출력이 되어서.. 어떤 문제가 발생하는지 잘 모르게습니다; swfobject 라 하더라도 따로 설치가 필요한 것은 없습니다. 필요한 파일들은 플러그인 폴더에 다 사이좋게 들어있어서 말이죠;

    다만 생각되는 것은 Adobe Flash Player의 버젼이 낮을 때 출력이 안될 수 있다..라고 생각이 됩니다만, 이 경우 역시 제 경험상으로는 어느정도 재생이 버벅이는 정도의 문제를 가졌었지 아예 출력이 안되는 현상은 없었던 것 같습니다 ^^

    한번 플래쉬 플레이어의 버젼을 확인해 주시면 감사하겠습니다. 학교에서 이컴 저컴 옮겨 다니면서 저도 한번 확인해 봐야겠네요;

  22. j Avatar
    j

    네,,,잘 알겠습니다,,,

    일부러 이 문제때문에 시간 할애하실 필요는 없으실 거 같아요.^^

    문제가 된 컴퓨터로 위에 포스팅 내용을 보다가

    Swfobject방식과 Embed 방식의 차이점을 설명하신 동영상 중,

    Swfobject방식으로 올리신 동영상은 보이질 않고

    Embed 방식으로 올리신 동영상은 보이더군요.

    제 블로그 동영상도 Swfobject방식으로 올렸거든요,,,,

    그 분 컴퓨터로 다음이나 네이버 동영상은 잘 보이거든요.

    말씀하신대로 플레이어 버전을 한번 더 체크해봐야겠습니다.

    이 문제에 관한 다른 의견이 있으면 더 알려드리겠습니다.

    그리고 흥미로운? 혹은 디테일한 대학생활 포스팅 종종 올려주세요~

    궁금하네요^^

    감기조심하시구요~

  23. j Avatar
    j

    문제가 무언지 알게 되었어요,,,

    말씀하신대로 플래시 플레이어 버전이 낮은 것이 이유였습니다.

    버전이 낮기때문이라고 의심하지 않은 이유는,

    다음이나 네이버의 동영상들은 잘 보였기 때문이지요,,,

    여러가지 도움 감사드리고,

    멋진 겨울 보내세요~

  24. 미카도르 Avatar

    @j – 2007/11/06 11:34
    아, 역시 플레이어 버젼이었나요?; swfobject에서는 특정 플레이어 버젼 이하일때는 출력이 안되게 되어있거든요 ^^; 혹 바꾸시려면 html 소스에서 swfobject 설정 부분에 new SWFObject(“/plugins/GUN_JWFlashPlayer_Mikador/flvplayer.swf”,”single”,”400″,”365″,”7″ ); 뒤에 있는 “7” 자를 낮춰 주시면 됩니다.^^

    근데 아마 낮춰도 잘 나올지는 잘 모르겠네요;

Leave a Reply

Your email address will not be published. Required fields are marked *