Flash/Information2009.02.22 18:25
황금같은 주말, PDA 핫 어플리케이션 포스트를 준비하다가 황당한 티스토리 오류를 발견해 이렇게 정리합니다.
일명 Flash Video(FLV) 재생 오류라고 할 수 있는데요...

먼저 오류를 발견한 배경에 대해 말씀드리겠습니다.



1. 배경설명
제 경우, 리뷰 작성시 동영상을 많이 준비하는 편입니다. 디지털기기의 동작 설명이나 구체적인 작동방법 등을 알리기에는 역시 동영상만한 것이 없기 때문이죠...

사실 지금이야 티스토리에서도 다음 팟을 이용한 동영상 업로딩이 가능하다고 하지만, 얼마전까지만 하더라도 동영상 업로드에 어려움이 많았습니다.

이전에는 보통 동영상 공유사이트에 동영상을 올린 후 태그를 이용해 티스토리에 가져오는 방식을 써왔는데요... 이 방법의 경우 비교적 간편하게 동영상을 공유할 수 있긴 하지만, 동영상을 내 블로그가 아닌 다른 곳에 업로드해야 하기 때문에 안정성이나 유지관리에 어려운 점이 많았습니다.(최근의 엠엔캐스트 사태를 참고하면 도움이 될 것 같네요...)

특히, 좀 더 깔끔하고 차별화된 플레이어를 쓰고 싶은 제게 광고가 덕지덕지 붙은 타 공유사이트의 플레이어는 영 내키지 않는 옵션이었습니다. 그래서 결국 저만의 플래시 플레이어(?)를 따로 만들게 됐는데...[각주:1] 이 역시 만만치는 않더군요...

결국, 몇 번의 시행착오를 거친 끝에 FLV를 이용한 스트리밍 방식[각주:2]의 플레이어를 만들 수 있었습니다.(대부분의 동영상 공유사이트에서 이용하는 방식이죠...)

참고로, 이렇게 만든 동영상들은 아래와 같습니다.
2007/05/14 - [블루투스 키보드] PDA에 날개를 달았다! Stowaway Bluetooth Keyboard - Sierra(시에라) 2부
2007/05/15 - [블루투스 키보드] PDA에 날개를 달았다! Stowaway Bluetooth Keyboard - Sierra(시에라) 3부
2007/05/16 - [블루투스 키보드] PDA에 날개를 달았다! Stowaway Bluetooth Keyboard - Sierra(시에라) 4부
2007/03/03 - [동영상] 최고의 PDA 판타지카드 전략 게임, Legend of Wizards 1.0 전투 동영상입니다.

그런데, 처음에는 잘 작동하던 이 동영상들이 티스토리 관리 시스템 업데이트[각주:3]에 갑자기 보이지 않기 시작했습니다.
처음 문제점을 발견했을 때, 티스토리 측에 문의를 해보기도 했지만... 뚜렷한 해결책을 찾을 수 없었습니다.

그 후에도 문제를 해결하기 위해 계속 노력했었는데, 오늘에야 비로소 해결책을 찾게 됐습니다.



2. 문제점 및 작업과정
* 문제점
티스토리에 Flash Video(FLV) 파일과 플레이어 스킨(swf), 플레이어(swf) 파일을 업로드 한 후 본문에 플레이어를 삽입했을 때, 플레이어 상에서 FLV와 플레이어 스킨 파일이 제대로 로딩되지 않는 현상
(이 때, 플레이어에는 FLV와 플레이어 스킨 파일의 주소 정보가 삽입되어 있으며, 플레이어 스킨 파일이 없는 경우에도 문제가 발생했습니다.)

* 작업과정
- 먼저 FLV, 플레이어 스킨 파일을 티스토리에 업로드
- 업로드한 두 개의 파일을 본문에 삽입해 변경된 파일 주소를 각각 복사 (원본 파일 이름은 my_video.flv이더라도 업로드를 하게 되면 실제 파일 이름이 49a0d6b7e881497.flv와 같이 랜덤하게 바뀌기 때문에 실제 파일주소를 알아야 합니다.)
- 변경된 두 파일의 주소를 플레이어에 삽입[각주:4] (플래시 테스트 무비시 FLV와 플레이어 스킨 파일이 제대로 보여야 합니다.)
- 플레이어 파일을 티스토리에 업로드
- 업로드 한 플레이어 파일을 본문에 "가운데 정렬"로 삽입

여기까지가 이전에 쭉 하던 방식입니다. 그런데, 정상적으로 보이던 동영상들이 언제부턴가 보이지 않기 시작하더군요... 만약 주소가 잘못됐다면 플레이어 역시 로딩되지 않아야 하는데, 플레이어는 정상적으로 로딩되는 상황이라 더 황당했습니다. 특히, 특정 동영상에 한해서만 문제가 발생했기 때문에 원인을 찾기가 더욱 어려웠습니다.(뭐는 되고 뭐는 안되고... 지금 장난하냐?! ㅜㅜ;)



3. 해결방법
FLV, swf파일을 새로 만들어보기도 하고, 브라우저를 바꿔보기도 했는데도 랜덤하게 발생하는 문제를 해결할 수는 없었습니다. 3시간 이상을 낑낑댔는데도 해결의 기미가 전혀 보이지 않더군요... 오히려 갈수록 빠져드는 랜덤의 함정;;;

그러다가 드디어 문제를 해결하는 실마리를 찾게 됐습니다. 그것은 바로 작업과정의 제일 마지막 부분에 언급한 가운데 정렬이었습니다. 가운데 정렬로 본문에 삽입하던 것을 오른쪽 정렬로 바꿨더니 문제가 되던 동영상이 정상적으로 재생되는 시작한 것이죠... 아, 감동의 눈물 주륵~ ㅜㅜ;

까마귀 날자 배떨어진다고... 우연의 일치인지도 모르겠지만, 수 십회의 시도로도 안되던 동영상들이 위 방법으로 단 한 번에 성공하니 분명 뭔가 연관성이 있을 거라는 생각이 들더군요...(어쩌면 이렇게 믿고싶은지도;;;)

과연 티스토리 사용자중에 저와 같은 고민을 할 분이 몇명이나 있을지 모르겠지만, 혹시나 하는 마음으로 이렇게 팁을 올려봅니다.



어쨋든 답답한 굴레를 벗어난 것 같아 기분좋네요... :)
Canon EOS 5D | Shutter priority | Pattern | 1/60sec | F/22.0 | 0.00 EV | 50.0mm | ISO-160
  1. 플레이어라고 해봤자, 플래시에서 기본적으로 제공되는 것을 제 입맛에 맞게 수정한 것에 불과합니다. ^^ [본문으로]
  2. 구체적인 방법에 대해서는 추후에 다시 설명하도록 하겠습니다. [본문으로]
  3. 좀 더 정확하게는 사용자가 업로드하는 파일 이름의 변경 시스템이 업데이트 된 후가 아닐까 합니다. [본문으로]
  4. 좀 더 정확하게는 http://내블로그 주소/attachment/49a0d6b7e881497.flv 와 같은 형식의 풀 주소를 삽입해야 합니다. [본문으로]
저작자 표시 비영리 변경 금지
신고

이 글은 새로운 정보가 추가될 때마다 업데이트됩니다. 추천으로 아래 숫자에 1을 더해보세요. :)
RSS구독을 하시면 포스트를 배달해 드립니다. ▷ 한RSS 구독하기, 구글리더 구독하기

댓글을 달아 주세요

  1. 댓글보고 첨방문한것 같아요^^ 플래쉬에 관심이 많은데 앞으로 정보 많이 보러와야겠어요^^ 괜찮으신지요^^

    2009.02.22 22:17 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 머니야님 안녕하세요~

      요즘에는 관심사가 플래시에서 좀 멀어지긴 했지만... 여전히 매력적인 프로그램이라고 생각합니다.

      저도 종종 놀러가서 인사드리겠습니다. ㅎㅎ;

      2009.02.22 22:52 신고 [ ADDR : EDIT/ DEL ]
  2. 같은 문제를 겪고 있는 이웃분이 있는데 알려 드려야겠네요.
    정보 감사합니다. ^^

    2009.02.25 20:01 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 앗, 반갑습니다.

      저와 같은 고민을 하는 분이 있다는게 더 반갑네요...

      계속해서 고민해봤는데... 본문에 삽입했을때 미디어의 주소를 제대로 못불러와서 생기는 문제가 아닐까 싶네요...

      웃긴건 개별 파일로 주소를 넣으면... 정상적으로 다운로드 되거든요...

      2009.02.25 21:13 신고 [ ADDR : EDIT/ DEL ]
  3. 미스 플래시님 미스코리아뺨치게 이쁜짓 하셨습니다.
    이건 정말 대단한 발명 이십니다.ㅎㅎㅎ
    저도 어줍쟎은 플래시를 개인적으로 하고있는데 플래시 업버젼되면서 티스토리에 크기조절도 않되고 항상 300에 400모드의 위젯크기만하게 나와서 무척 고민이 많앗는데 미스님덕분에 10년묵은 쳇증이 싸악 가시는것 같습니다.
    정말 고맙습니다. 파일업하고 말씀대로 글오른쪽 정렬 하고 HTML에디터로 가보았더니 예전의 <div>가 이쁘게 떠있네요!

    헌데 전문가가 만든 이 티스토리는 왜 그런 대답이 아직도 없는걸 까요.분명 답답해 하시는분들이 많은 걸로 알고 있습니다. 저사진을 보니 저도 무한 자유가 밀려오는중입니다.이글이 널리널리 퍼져 플래시에 떨고계신분들에 큰힘이 되었슴 합니다. 고맙습니다. 즐거운 주말 되시길 ㅉㅉㅉㅉㅉ[기립박수 치는중]

    2009.02.28 04:38 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 후후; 이 글이 이렇게 호응이 있을줄은 몰랐네요;;;

      사실 해당 문제를 설명하는 것도 쉽지 않기에... 티스토리 측에서 시원한 답변을 듣지 못한부분도 있지만...

      알아듣는다고 하더라도 해결해줄 수 있을 거란 생각이 별로 들지 않았기에... 다시 요청을 하지 않았습니다.(티스토리 개발자들을 무시하는 것이 아니라... 너무나 특수한 케이스에 발생하는 문제이기에 우선순위에서 많이 떨어질거라 생각했습니다.)

      의외로 저와 같은 고민을 한 분이 많아서 놀랍기도 하고 반갑기도 하고 그러네요;;;

      도움이 되었다니 저도 기분좋습니다. ㅎㅎ;
      앞으로 종종 놀러오세요 ㅋㅋ;

      2009.02.28 11:02 신고 [ ADDR : EDIT/ DEL ]
  4. wwww

    저는 flv 파일들을올린다음에 xml 파일을올리고 플레이어로 잏는걸 자주했는데요..
    몇주전까지만해도잘되던데 이제되질않네요.ㄷㄷ 이것과는 약간다른문제인가요??
    예전 flv 파일들의 주소는 http://주소/attachment/130B080C49AA7EA91255C5.flv 뭐이런식이엿다면
    지금 flv 파일들은 http://주소/attachment/cfile24.uf@130B080C49AA7EA91255C5.flv 저렇게가운데에
    cfile24.uf@ 이게들어가이어서안되는건가 싶을정도라는 ㅇ_ㅇ

    2009.03.01 22:14 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 글쎄요... 아무튼 저렇게 랜덤하게 주소가 바뀌는 문제때문에 여간 불편한게 아니네요...

      flv파일만 해도 새롭게 만들때마다 flash 파일도 새로 올려서, 링크도 다시 만들어야 하니...

      그런데, xml 파일을 올려서 플레이어로 잇는 것은 어떤방법인지 궁금하네요;;; ^^;

      2009.03.01 23:03 신고 [ ADDR : EDIT/ DEL ]
  5. 행인

    초대장 때문에 둘러 보다가 플래쉬를 하시는 분인거 같아 방가운 맘에 글 남깁니다~
    (저는 현재 액션스크립터..~_~)

    flv 플레이어가 뭐가 문제가 있나 보네요 티스토리.

    헌데 정렬방식으로 해결되었다니 저도 신기하네요 ㅎㅎ;;


    흐에에 티스토리 어케 가입해야 하는거야 대체 ;;

    2009.05.26 13:59 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 액션스크립터시라니 뭔가 멋집니다.

      예전에 위와 같은 문제가 있었는데... 지금은 해결되었나 모르겠네요... 티스토리(다음)측에 여러차례 건의했었는데... 자기들도 무슨 원인인지 모르겠다는 답변만 했었거든요...

      티스토리는 초대장을 받아야 할 수 있는데... 다음에 꼭 초대해드릴 수 있도록 하겠습니다. :)

      2009.05.26 14:15 신고 [ ADDR : EDIT/ DEL ]
  6. raon

    업로드 한 플레이어 파일을 본문에 "가운데 정렬"로 삽입

    이부분이 이해가안가는데... 업로드한 플레이어를 가운데정렬로 삽입하나요?
    그냥 생성한다음에 embed code 복사해서 쓰면 되는거 아닌가요ㅠ0ㅠ?
    저는 저런 과정이 아예없는데...
    어떻게고쳐야할지너무답답하네요ㅠㅠ 저만안되는줄알았더니
    이글을보니까 티스토리 자체에 문제가있었던거군요!
    포스팅 너무 잘봤습니다:)

    2010.04.17 18:06 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 제 말은 플레이어 파일(swf)을 파일첨부로 첨부한 뒤, 본문 삽입시 가운데 정렬로 넣으라는 것입니다.

      2010.04.18 14:17 신고 [ ADDR : EDIT/ DEL ]
  7. 제가 고민하고있었떤 내뇽입니다..ㅠㅠ 티스토리 스킨서버에 올려놓고
    flv를 플래시로 불러와서 업로드했더니 무한로딩만하고 뜨질않더군요 ㅠㅠ 잘보고갑니다!!

    2010.06.22 18:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  8. 저는 안되네요;; http://silverstorage.tistory.com/56 가보시면 아시겠지만 계속 로딩만하지 flv뜰 생각을 안하네요...
    알려주신데로 스킨파일을 swf파일로 업로드하고 http://silverstorage.tistory.com/attachment/cfile1.uf@1646BF134C207E7B1464D2.swf 이렇게 주소를 따서 플래시로 스킨url에 붙였어요..
    비디오스킨붙였을때 무한로딩걸리는걸보니 스킨문제인것같은데..전 왜 안나올지 ㅠㅠ

    2010.06.22 18:20 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • ^^; 티스토리 자체에서 플래시 재생을 자바스크립트로 컨트롤하기 때문에 생각지 못한 문제들이 발생할 수 있는 것 같습니다. 부디 잘 해결하시길...

      2010.06.23 10:42 신고 [ ADDR : EDIT/ DEL ]


티스토리 툴바