본문 바로가기

Flash/Information

[팁] 티스토리 개발자도 모를 황당한 Flash Video(FLV) 재생 오류

황금같은 주말, 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시간 이상을 낑낑댔는데도 해결의 기미가 전혀 보이지 않더군요... 오히려 갈수록 빠져드는 랜덤의 함정;;;

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

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

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



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