본문 바로가기
ETC story/Blog & Tistory.....

티스토리에 동영상을 고화질로 업로드 하기..

by 애쉬™ 2009. 11. 5.

5D Mark II 라는 바디를 사용하면서 또하나의 취미가 되어 버린 "동영상" 촬영..

여러분은 이 동영상을 블로그에 올리실때 어떻게 하시나요??


1. 유투브에 올린다
2. 티스토리 동영상 업로드 기능을 이용한다.
3. 외부링크로 업로드 한다.
4. 기타방법을 쓴다.


크게 보면 이렇게 4가지 방법이 있습니다.

아마도 젤 많은 분들이 이용하실만한 방법이  1번, 유투브 업로드 기능일테죠.. 편하니깐요...고화질, 즉 원본이 720P이상일때 HD로 재생이 가능합니다.
단! 느려서 화면이 밀리거나, 끊어지는 경우가 많이 발생합니다.

2번 자체 동영상은 HD화질로 재생이 안될뿐 아니라, 작은 화면에 최적화 되어 있죠.

3. 외부링크는 티스토리 멀티미디어 업로드 링크 기능을 이용하는 것입니다. embed, object 등의 구문을 이용하는 방법인데요. 저작권 문제로
외부 링크들이 많이 막혀 있습니다.

4번, 저는 이 기타 방법을 사용하고 있고, 그 방법을 소개해 보려고 합니다.


저는 이 방법으로 유투브의 HD화질인 가로 853보다 꽤 큰 가로 960 세로 540 정도의 동영상을 올리고 있답니다. 물론 고화질에 부드럽게 끊김없이 재생될 수 있는 방법으로요.


그럼 시작해 보겠습니다.


1. 동영상을 적당한 크기와 화질로 인코딩하자!

   -  이 부분에 대한 강좌는 나중에 따로 할 생각입니다만^^ 일단 인코딩이 중요합니다.
     그냥 컴퓨터에 저장할 목적이라면 어떤 코덱이든 맘에 드는 걸로 알아서 하셔도 좋습니다.
     그러나, 지금 만들 동영상은 철저히 "티스토리 블로그에 업로드할 용도"로 타협을 하셔야 합니다.

     제 기준은 지금 제가 회사에서 쓰고 있는 컴퓨터 처럼 펜티엄 4 에서도 원활히 스트리밍될 수 있는 정도의 동영상으로 인코딩을 하려고 합니다.
     일단 크기는 제가 올리는 사진과 같은 가로 폭 960 입니다.  동영상 원본의 비율에 따라 세로폭은 달라지겠지만, 일반적인 HD영상은 16:9의
     비율을 가집니다. 그래서 제 동영상은 960x540의 크기로 인코딩을 합니다.

     두번째 비트레이트가 문제입니다. 비트레이트에 따라 화질이 크게 좌우됩니다. 8000 이상으로 해 주시면 아주 고화질이 되겠으나, 저사양 컴퓨터에서는
     끊김 현상이 발생할 수 있습니다. 오늘 강좌에서 사용할 동영상은 5,000 정도의 비트레이트를 주어 인코딩을 하였습니다.

      세번째는 코덱문제입니다.
      크게 요즘 많이들 쓰시는 Flv, 그리고 mp4, wmv 등의 코덱들이 있습니다.
      flv나 mp4는 웹스트리밍으로 유명한 jwplayer로 재생가능하고, wmv 형식은 거의 모든 윈도우에 설치되어 있는 윈도우미디어플레이어를 이용하여 웹스트리밍을
     하게 됩니다.
     플레이어 자체는 jwplayer가 이쁘고 옵션도 다양해서 좋습니다. 그러나 flv나 mp4로 인코딩을 하게 되면 wmv에 비해 고사양을 요구하게 되더군요.
     그래서 저의 선택은 "WMV" 입니다.
     어느컴에서나 설치되어 있는 윈도우 미디어 플레이어를 사용해서 그런지 저사양에서도 아~주 부드럽게 끊이지 않는 영상의 재생이 가능하더라구요.

       
    원본 100메가 정도의 1920x1080 의 풀HD 영상을 인코더를 통해서  위의 설명과 같이 8메가 정도의 wmv 파일로 만들었습니다.



2. 만들어진 동영상을 티스토리 첨부파일로 업로드 한다.

   네, 티스토리에서 가장 부드럽고 안정적으로 재생이 되려면?? 그 동영상도 티스토리 서버에 있는것이 가장 좋습니다.
   티스토리에서는 무제한의 용량으로, 단 한파일은 10메가 이하의 크기로 첨부파일 기능을 제공하고 있습니다.
   바로 이 기능을 이용합니다.

 


네 저기 파일 버튼을 누르면 됩니다.


파일찾기를 눌러서 아까 만든 동영상을 업로드 합니다.





3. 업로드한 파일의 주소를 얻어내자.


아마 2번을 하여 동영상을 첨부하면 아래 화면처럼 보이실 겁니다.





이 화면에서는 동영상의 주소를 모릅니다. 그럼 어떻게 해야 할까요? 편집창 오른쪽 상단의 HTML버튼을 살~짝 눌러보세요



그럼 위와 같은 화면이 나올겁니다. 여기서 핵심은 바로 cfile로 시작해서 .wmv로 끝나는  바로 이 부분입니다. 살짝 음영으로 표시했습니다.
우리가 필요한 부분은 바로 이 부분입니다. 이부분만 Ctrl+C 눌러서 복사를 합니다.

저기에서 파일을 업로드 시킨 블로그의 주소를 이용해 봅니다. 동영상을 올린 곳은 "http://ashstyle.tistory.com" 이라는 제 테스트 블로그 입니다.
그럼 저 블로그 주소를 따서 "http://ashstyle.tistory.com/attachment/" 여기까지 하신뒤에 아까 복사한 부분을 붙이면 바로 이게 동영상의 제대로 된 주소 입니다.
즉, "http://ashstyle.tistory.com/attachment/cfile28.uf@160946284AEFA7B27322B3.wmv" 라는 주소가 바로 제가 올린 고양이 동영상의 주소가 되겠습니다.



4. 원하는 곳에 embed 태크로 동영상 업로드 하기.

이제 준비는 다 끝났습니다. 티스토리의 첨부파일을 이용하여 동영상의 올리고 주소까지 얻었습니다.  잘~~따라오셨죠?
그럼 남은일은 내가 원하는 곳,(티스토리 블로그 또는 SLR클럽등의 게시판등등) 에 업로드만 하면 됩니다.

wmv라서 더 쉽습니다.

embed 란 명령어 아시죠? 음악이나 영상등의 멀티미디어 파일을 링크 시킬때 쓰는 명령어입니다.

티스토리나 게시판에 글 쓰실때 html 을 클릭하여 html 편집모드로 들어갑니다.

그리고는 아래와 같이 씁니다.


<embed src="http://ashstyle.tistory.com/attachment/cfile28.uf@160946284AEFA7B27322B3.wmv" width=960 height=610 autostart=false showstatusbar=1>


이런식으로 말입니다.

위에서 embed는 멀티미디어 파일을 사용하겠다란 약속입니다. src는 소스(source)의 약자로 원하는 멀티미디어 파일의 주소를 적어주면 됩니다.
width height로 가로 세로 폭과 높이를 지정해줍니다.
autostart는 true로 설정하면 자동재생, 수동재생을 원할땐 false를 적어줍니다.
showstatusbar=1 <--- 윈도우미디어 플레이어 아래에 상태를 알려주는 바가 생성됩니다. 

자, 한번 적어볼까요?



네 이런식입니다. 이제 다 끝났습니다. 저장하고 나서 게시물을 보면 아래와 같이 동영상 창이 생성되고 재생 버튼을 누르게 되면 영상이 재생되게 됩니다.













어때요? 참 쉽죠???^^

자, 그럼 이제 의문점이 생기실 겁니다.

첨부파일이 10메가로 제한되어 있는데, 겨우 13초 동영상의 8메가이면 한계가 있지 않느냐?

더 긴영상은 분명 10메가를 넘어갈텐데 어떻게 하냐..첨부를 못하지 않느냐..라는 의문...

네, 한계가 있습니다. 그러나 또 방법은 있죠...

바로 ASX라는 wmv 플레이리스트를 이용하는 방법입니다. 그 방법은 또 나중에 다시 설명드릴께요..

일단은 여기까지만!!





이 방법 물론 유투브나 자체 동영상 업로드에 비해 귀찮고 번거로운게 사실입니다.

그러나, 모든 방문객들이 고화질의 영상을  부드럽게 원활히 재생할 수  있는 방법이라 생각해서 올려봅니다.

그리고, 제 스스로 가장 만족한 방법이기도 하구요^^








댓글22

    이전 댓글 더보기
  • BlogIcon 쥬늬 2009.11.05 12:55 신고

    저도 글처럼 링크따서 jw player로 재생하고 있습니다.
    10메가의 한계를 저도 플레이리스트를 이용해 동영상 분할을 해서 올려봤었거든요..
    제일중요한점 매번 리스트를 만들어야 하는 귀차니즘 ㅠㅠ
    그래서 말씀하신 3번 외부링크 따오기를 url helper로 수차례시도...;;;
    당장은 따와도 변하는 주소;; GG
    끝내 걍 비트레이 떨구고 10메가 안쪽으로 마추고요 ㅠㅠ 긴동영상은 유투브로 고고싱~ ㅡㅡ;;
    이게 저의 결론입니다. ㅋㅋㅋㅋ

    하지만 위의 방법은 짧거나 화질을 좋게 봐야한다면 원츄乃
    답글

  • BlogIcon 행복박스 2009.11.05 18:12

    동영상 올리는분들께는 좋겠는데요..^^
    누가 좋은거 이렇게 많이 올려주면 좋을듯..
    애쉬님 여행 다니실때마다 풍경 쫙 담아서 동영상 올려주시면 더 좋겠는데요~ㅎㅎㅎ
    답글

  • BlogIcon 작은소망 2009.11.05 18:52

    와우 좋은정보 감사드립니다.^^
    저도 써먹어봐야겠습니다.
    답글

  • BlogIcon skypark 2009.11.05 20:35

    유용한 정보군요.
    멋진팁 감사드려요.^^
    답글

  • BlogIcon leedam 2009.11.05 23:04 신고

    오호라~!!! 이런 방법이있군요 감사합니다 ^^
    답글

  • BlogIcon 삼킨태양 2009.11.06 07:44

    사진만 잘찍으시는게 아니라 다방면에 능하시군요 :)
    대단하셔요 ^-^
    좋은정보 감사해요~ !
    답글

  • BlogIcon 난늘그래 2009.11.06 11:26

    좋은 정보 감사합니다~ 어쩜 이렇게 깔끔하게 정리하실 수 있는거죠? ㅎㅎ
    답글

  • BlogIcon 재아 2009.11.06 11:51 신고

    좋은팁이네요~~ 화질이 좋은데 오히려 티스토리에 업로드 하고 나면 화질이 더 안좋아지더군요 ..ㅠㅠ

    불만이었는데.^^
    답글

  • BlogIcon 소나기 2009.11.06 11:52

    나중에 동영상이 되는 카메라를 구하게 되면 다시 한번 정독해봐야겠습니다.^^
    답글

  • 우아우아.. 이런 방법이 있었군요.
    항상 동영상처리가 곤란했는데.. 음.. 한번 응용해 보아야 겠군요.ㅋ
    역시 Ash님이 최고에요~
    답글

  • 김진황 2009.11.06 16:46

    너무 좋은 정보입니다 감사합니다
    답글

  • BlogIcon 두리모 2009.11.07 04:05 신고

    첨부파일 기능이 여러모로 유용하군요.
    나중에 동영상 올리게 되면 꼭 활용 해 보겠습니다. ^^
    답글

  • BlogIcon 핫스터프™ 2009.11.07 21:31 신고

    아하! 이렇게 해서 동영상을 고해상도로 올릴 수 있군요.
    얼마전에 발표회 동영상을 올리니 화질이 참 안좋아지던데 말이에요.
    좋은 정보 감사합니다^^
    답글

  • BlogIcon MindEater™ 2009.11.09 17:40 신고

    아 그렇잖아도 검색하다가 SLR클럽에 강좌도 보고 그랬는데 결국 10메가에 걸려서 그만뒀거든요~
    다음편도 기대됩니다.
    유투브가 편하고 좋긴한데 버벅이는 것만 없으면 얼마나 좋을까요~ ㅠㅠ
    답글

  • BlogIcon 빛으로 2009.11.10 21:46

    좋기는 좋네요 ..역시 오두막 ....굿!!!
    답글

  • BlogIcon 마루. 2009.11.11 13:38 신고

    오두막부럽습니다...아직은 동영상이 lx3으로도 봐줄만해서 뽐뿌는 받고 있지 않지만.....
    조만간 스카프 동영상 올릴때 시도해 보겠습니다..
    답글

  • BlogIcon 쭌's 2009.11.13 18:12

    오~~~ 아주 좋은 TIP이네요~~ 다음편도 기대합니다 ^^
    답글

  • BlogIcon proof9 2011.01.28 18:47 신고

    애쉬님~~ ㅋㅋ 오늘 문득 생각나서 검색을 했습니다.

    asx 강좌 언제 해주시나요?
    답글

  • David 2011.04.28 18:00

    가르쳐 주신대로 했는데 안되네요 ㅠㅠ

    음... 뭐가 문제일런지 도무지 알 수가 없네요~
    답글

  • BlogIcon flower725 2012.03.02 21:54 신고

    정보 감사드립니다^^
    답글