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

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 플레이리스트를 이용하는 방법입니다. 그 방법은 또 나중에 다시 설명드릴께요..

일단은 여기까지만!!





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

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

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