22
2012-02-08 18:28:43플짤 그리고 컴퓨터 자체에 초보이신 분들이 보고 바로 따라하면 만들 수 있게끔 이미지를 많이 첨부하였습니다.
처음 도전하시는 분들도 시행착오 없이 만들 수 있었으면 좋겠습니다.
<준비물>
다음팟인코더 : http://get.daum.net/PotEncoder/DaumPotEncoder.exe -> 인코딩
YAMB : http://dl.dropbox.com/u/55997458/Yamb-1.6.exe -> 파일분할
xml.exe : http://dl.dropbox.com/u/55997458/xml.exe -> 티스토리 파일주소 쉽게 가져오기
jw58.swf : http://dl.dropbox.com/u/55997458/jw58.swf -> JW 플레이어
modieus2.swf : http://dl.dropbox.com/u/55997458/modieus2.swf -> JW 플레이어 투명스킨
티스토리 계정 : http://tistory.com -> JW 플레이어, xml, 영상 올릴 계정
(옵션) dropbox 계정 : http://dropbox.com -> JW 플레이어를 올릴 계정
<작업 순서>
1. 다음팟인코더로 원하는 구간을 MP4로 인코딩
2. MP4를 다음팟인코더로 스트리밍용으로 변환
3. YAMB를 이용해서 10MB로 영상 나누기
4. 나눈 파일을 확장자 MP4에서 FLV 로 변환
5. FLV를 티스토리 블로그에 올린다
6. 올린 영상을 xml.exe를 이용해서 xml파일 생성
7. JW플레이어 & 스킨 & xml파일을 티스토리에 올린다
8. HTML코드에 jw플레이어,스킨,xml 주소를 붙여넣는다
보너스. dropbox에 JW플레이어 올리기
<따라하기>
1. 다음팟인코더로 원하는 구간을 MP4로 인코딩
2) 오른쪽 리스트에 있는 원본 영상을 왼쪽 창으로 드래그 합니다
3) 드래그하면 왼쪽 창에 영상이 뜹니다. 시계 모양을 클릭합니다
4) 자를 구간의 시작과 끝을 적은 뒤 적용합니다
(비디오 품질이 영상의 크기를 결정합니다. 60~70 사이가 적당합니다.)
(화면 크기는 800 X 450이 적당합니다. 고해상도를 원한다면 더 높여도 되지만 원본영상보다 크면 안됩니다.)
2. MP4를 다음팟인코더로 스트리밍용으로 변환
(스트리밍용으로 변환을 하지 않으면 스티리밍 재생이 안됩니다)
3. YAMB를 이용해서 10MB로 영상 나누기
스트리밍 용으로 변환이 되었지만 용량이 39MB라서 티스토리에 올리기엔 너무 큽니다
(티스토리 파일당 용량제한 : 10MB)
그래서 YAMB를 이용해서 파일을 분할해야 합니다
Spilt by Size를 선택하고 10MB로 설정한 뒤 Split을 눌러 파일을 10MB로 분할합니다
4. 나눈 파일을 확장자 MP4에서 FLV 로 변환
(이 과정은 생략해도 됩니다. MP4 파일로 올리면 저작권의심 파일로 분류됩니다)
5. FLV를 티스토리 블로그에 올린다
2) 첨부완료가 되면 밑의 화살표 표시를 순서대로 눌러서 본문에 삽입합니다
3) HTML 란을 클릭합니다
6. 올린 영상을 xml.exe를 이용해서 xml파일 생성
1) 글쓰기 할 때 복사한 내용을 붙여넣습니다
2) 자신의 티스토리 주소를 적습니다 (밑줄친 부분만 고치면 됩니다. 저의 경우는 sssr)
3) 실행을 누릅니다
4) 오른쪽에 나타난 글을 모두 선택해서 복사합니다
2012년3월28일 티스토리 글쓰기 에디터가 개편되고나서 xml.exe가 안먹히네요.
글설정에서 이전에디터 사용 설정하시고 하면 됩니다.
(xml 파일이 없을 경우만 새로 만들면 됩니다)
(기존에 쓰던 xml 파일이 있다면 우클릭 -> 편집으로 들어가서 수정하면 됩니다)
(xml파일은 JW플레이어가 재생할 동영상의 목록을 저장하는 역할을 합니다)
7. JW플레이어 & 스킨 & xml파일을 티스토리에 올린다
jw58.swf , modieus2.swf , xml 파일을 추가합니다
(여기에 올리는 이유는 파일의 절대경로가 필요하기 때문입니다)
(jw58.swf , modieu2.swf 는 한번 올려놓고 계속 쓰기때문에 다음에는 xml 파일만 추가하면 됩니다)
8. HTML코드에 jw플레이어,스킨,xml 주소를 붙여넣는다
파일목록에서 파일을 선택하고 우클릭 -> 새 탭에서 링크 열기를 선택합니다
http://cfs.tistory.com/custom/blog/88/881915/skin/images/64.xml
(jw58.swf 과 modieus2.swf도 마찬가지 방법입니다)
HTML 코드 예제입니다.
빨간줄 친 부분 순서대로 jw58.swf , xml파일, modieus2.swf 의 주소만 변경해서 올리면 됩니다
&stretching=exactfit&skin=http://cfs.tistory.com/custom/blog/88/881915/skin/images/modieus2.swf&volume=100">
(HTML 코드를 적용하려면 글쓰기 할 때 HTML편집에 들어가서 붙여넣어야 합니다)
보너스. dropbox에 JW플레이어 올리기
트래픽이 과도하게 유발되어 파일이 잘릴 수가 있습니다.
FLV파일이 잘리면 해당 파일만 새로 올린뒤에 xml을 수정하여 복구하면 되지만
JW플레이어가 잘리면 관련 플짤 전체가 안나오기 때문에
dropbox에 JW플레이어를 올려놓고 쓰는 방법이 있습니다
주소를 가져오기 위해서는 우클릭 -> "Copy public link"를 선택합니다
http://dl.dropbox.com/u/55997458/jw58.swf 주소를 쉽게 얻을 수 있습니다
아래는 dropbox를 사용한 HTML 코드 예제와 플짤입니다
(플짤 자동재생은 끈 상태입니다. autostart=false)
&stretching=exactfit&skin=http://dl.dropbox.com/u/56056615/modieus2.swf&volume=100">
