이 강좌는 제목에 적은바와 같이 인코딩이나 플짤을 모르는 초보자를 대상으로 만들었습니다..
인코딩이나 파일분할,파일재생등은 여러 방법이 있으나 가장 간편하다고 제가 생각하는 방법을 적었습니다
카게에 플짤 올리기의 순서는
1.영상 인코딩하기(키라라 인코더 사용)
2.인코딩한 영상을 flv로 변환후 분할( to flv와 hjsplit 사용)
3 티스토리에 올리고 주소따기(xmldoumi 사용)
4.쓰르래미 플레이어를 이용해 카게에 플짤 올리기
이순으로 진행 됩니다
*필요 준비물
1.키라라인코더
미리내님이 작성하신 키라라 인코더 사용법 강좌
요기서 인코더 다운 받으시고 나중에 천천히 정독하셔서 사용법 익히세요 ^^*
2.쓰플 2.3
디시 플갤 쓰르래미님이 만드신 ss2.3 버젼을 다운 받습니다
3.xmldoumi
요기서 xmldoumi.rar 파일을 다운 받으세요
4.티스토리 계정
티스토리는 초대장이 있어야 가입이 가능하니 카게에 초대장 가지고 계신 분들께 요청하거나
티스토리에 가셔서 초대장 발급받기를 확인해 보세요. (참고로 저는 초대장 없습니다..불량 유저라서..ㅠ.ㅠ)
Chapter 1 인코딩
다음팟이나 메구이등 여러 인코더가 있으나 여기서는 키라라인코더를 사용합니다
자 그럼 본격적으로 시작합니다
다운 받은 키라라인코더를 설치하면 이런 모습이 나옵니다
환경설정(P)을 클릭하시고 AviSynth(A)에 체크
다음은 우측 상단의 설정을 클릭하면 맨위에 나오는 인코딩설정을 클릭
빨간 사각형의 형태로 맞추시길..
출력형식하고 압축코덱은 반드시 저대로 하셔야 합니다 .
그리고 많이 사용하는 인코딩 방식은 CBR방식과 CRF방식이 있는데 여기서는 1-pass cbr 방식을 사용합니다. 자세한 내용은 미리내님 글 참고 하세요
너무 높은 비트레이트를 주면 웹상에서 버벅거리기 쉽고,특히 컴사양이 안좋은 경우 재생이 잘 안됩니다
그리고 트래픽부담이되기도 하고요..요부분은 디시 플래시갤러리에 들러서 참조하시고
비트레이트가 3000정도만 돼도 높은 수준입니다. 원본영상이 ts파일인 경우 대략 2000~3000정도 주시면 되고
crf 방식 인코딩의 경우에는 25~28정도면 적당합니다
물론 웹 게시용이 아닌 소장용의 경우에는 다르겠죠..
다음은 오디오 설정
네로를 안까셨으면 FAAC로 하시면 됩니다
프레임 레이트는 30,또는 원본 프레임레이트에 체크하시고, 영상크기는 960*540선택, 요 크기가 웹에서 가장 보기 적당한 크기라고 주장함..ㅎㅎ
화면비는 16:9 , 물론 원본 영상이 4:3 이면 4:3으로 바꿔줘야겠죠..
yadif의 디인터레이스에 체크, 나머지는 손대지 마시고 확인 누르고
폴더설정 눌러서 저장폴더 선택하고,추가 눌러 인코딩할 영상을 불러와서 내용 확인한후 인코딩시작 버튼을 누르면 됩니당...~~참쉽죠~잉~
원본이 456mb 인데 예상용량이 78mb 정도 나오네요..처음 인코딩하신다면 파일크기가 너무 큰파일은 피하시고 500mb이내 파일로 테스트 하세요..
Chaper 2 flv 변환및 파일 분할
다운 받은 fla2.3파일의 압축을 풀면 위와 같은 파일들이 뜨는데
위에서 인코딩한 mp4파일을 to flv폴더로 끌어 넣어줍니다.
그리고 to flv.bat를 더블클릭하면 아래와 같이 도스창이 뜨면서 인코딩 없이 flv로 변환 시켜 줍니다
자 flv파일이 새로 생겼죠..이제 mp4파일은 쓸일이 없으니 지워버리거나 다른 폴더로 이동시키시고..
그냥 나둬도 상관은 없지만 거슬리니..ㅎㅎ
변환한 flv 파일을 hjsplit 2.4.exe 프로그램으로 10mb 씩으로 분할합니다
프로그램을 실행시킨후 split를 클릭
input file눌러 위의 flv파일을 불러오고 split file size를 위 그림처럼 바꿔주고 start 클릭하면 아래와 같이 파일이 8개로 분할된것을 확인할 수 있습니다
이젠 분할된 001부터 008까지의 8개의 파일을 티스토리 내 계정에 올리고 주소를 따야 합니다
파일크기가 10mb 미만인 파일은 분할할 필요가 당연히 없겠지요..
flv로 변환한 후 바로 티스토리에 올리면 됩니다.. 이후는 분할파일과 동일한 방법으로 진행합니다
Chapter 3 티스토리에 파일 올리고 주소따기
티스토리관리에 들어가서 글설정 클릭..글쓰기 환경에서"이전 에디터"에 체크 필수..
좌측상단의 글쓰기 눌러 글쓰기 화면으로 이동
순서대로 제목쓰고 파일첨부 클릭하면 다움 에디터가 뜹니다.. 파일찿기를 눌러 8개의 파일을 불러오면 업로드가 됩니다
업로드가 완료되면 에디터 아래에 있는 등록을 클릭합니다
1번파일부터 8번파일까지 전체를 선택한후 위 빨간 동그라미 부분을 클릭하면 파일목록이 제목밑에 뜹니다
우측상단의 HTML사각형에 체크하면 아래와 같이 변합니다
위처럼 처음부터 <br>앞까지 드래그해 선택합니다
여기에서 xmldoumi를 실행시킵니다
처음에 xml파일 저장할곳을 지정해주시고
둘째로 위그림처럼 아이디 사각형에 자신의 티스토리 아이디를 적고 엔터
그다음 쓰플-xml+hjsplit 로 지정
html지정부분을 마우스로 드래그해 xml자동생성기 빨간 사각형 부분에 끌어다 놓고
추출/XML출력을 누릅니다
그리고 티스토리 화면에서 저장하기를 누릅니다
그러면 아래와 같이 메모장에 XML파일이 생성 됩니다
메모장에서 파일 누르고 다른이름으로 저장 선택 한후 적당히 파일명을 적어줍니다
파일명은 영어로 가급적 짧게 적습니다..한글이나 다른 언어가 들어가면 티스토리에서 인식을 못할 수도 있습니다
아래 그림처럼 파일 업로드에서 추가 눌러 위에서 저장한 XML파일을 업로드한 후
등록된 파일에서 마우스 우클릭 해서 링크주소 복사 클릭
위에서 복사한 링크 주소를 메모장 열어 붙여넣기
요기 까지가 티스토리에서 파일 주소 따는 방법 이었습니다
Chapter 4 쓰플을 이용해 카게에 플짤 올리기
원래는 다운받은 fla 2.3 파일안에 있는 append_xml.swf 파일을 다움 메일이나 캘린더에 올려 주소를 따서 사용했으나
근래 메일과 캘린더가 다 막혔습니다..그래서 다른 방법으로 주소를 따서 쓰고 있는데 이건 말씀 못 드립니다..^^;
저도 카게의 능력자분이 따주신 플레이어 주소를 사용하고 있습니다..
암튼 플레이어 주소를 딴후 아래와 같이 embed 태그를 작성합니다
<embed src="플레이어 주소 넣는 곳"
width="960" height="540" type="application/x-shockwave-flash" allowfullscreen="true" wmode="opaque"
flashvars="xml=티스토리에 올려 주소딴 xml파일 주소 넣는곳 (위 메모장에 붙여넣은 주소를 복사해 이곳에 붙여넣습니다)
&autoplay=true&number=false&loop=false&split=false">
기본 형태는 위와 같습니다..위 태그는 가장 간략한 형태입니다
자세한 부분은 차차 공부하시고..ㅎㅎ
그런데 플레이어 주소가 없으면 말짱 꽝이죠..ㅎㅎ
<embed src="http://tiny.cc/hifuqw"
width="960" height="540" type="application/x-shockwave-flash" allowfullscreen="true" wmode="opaque"
flashvars="xml=http://cfs.tistory.com/custom/blog/104/1044374/skin/images/130220%20sy%20pure%20love%20test.xml?=2146622417
&autoplay=true&number=false&loop=false&split=false">
http://tiny.cc/hifuqw 대신에 http://goo.gl/HEJkR 이걸 쓰세요 tiny 축약주소는 익스에서 재생이 안돼서, 구글 축약주소로 대체합니다
위 플레이어 주소가 제가 쓰는 주소입니다..그냥 이걸 사용하셔도 됩니다
쓰르래미님이 만드신 그대로이고 제가 변형시킨 부분은 없습니다
width는 재생 영상 가로 폭이고 height는 세로 폭 입니다. 원하시는 크기로 적어주시면 됩니다
단 영상의 화면비율에 맞춰주어야 합니다 16:9 인경우 960*540,850*480,700*400등등이 있습니다
외항의 곱과 내항의 곱은 같다...ㅎㅎ 산수
위태그는 자동재생 되도록 되어 있는데 수동재생을 원하시면 autoplay=true 요부분에서 true를 false로 바꿔 주시면 됩니다
그리고 플짤을 보다보면 대기화면도 있고 자신만의 로고도 있는 플짤도 있는데
플라스틱라디오 라는 분이 쓰르래미 플레이어를 커스텀해 대기화면과 로고도 넣을 수 있게 만들었습니다
<embed src="http://tiny.cc/ylfuqw"
width="960" height="540" type="application/x-shockwave-flash" bgcolor="#ffffff" allowfullscreen="true" wmode="direct"
flashvars="xml=xml파일주소 넣는곳
&autoplay=false&loop=false&number=false&split=false&ratio=false&bar=true
&capture=false&displayfullscreen=false
&displayinfo=false&background=true&logolocation=1 (로고 로케이션의 위치는 1=좌측상단,2=우측상단,3=좌측하단,4=우측하단 )
&logourl=로고파일 주소 넣는곳
&bgurl=대기화면 주소 넣는 곳
&bgoverurl=마우스를 올렸을때 나타나는 대기화면 주소 넣는 곳">
http://goo.gl/bGi64 요기도 마찬가지로 구글축약주소를 쓰세요..
요것도 그냥 제 주소를 쓰시면 됩니다
로고파일은 png파일을 스킨에 업로드한후 링크주소 복사해서 붙여 넣으면 되고
대기화면은 jpg파일을 마찬가지 방법으로 주소를 따면 됩니다
단 주의 하실 점은 대기화면 크기는 영상 크기와 동일하게 맞춰주시는게 좋습니다
영상이 960*540 이면 사진 크기도 960*540 요렇게요..
자 여기까지 해서 모든 준비는 끝났습니다
이제 카라게시판에 올리는 일만 남았죠..
일단 위 엠베드 태그를 < 부터 >까지 복사하시고
글쓰기를 클릭하시면
요렇게 하시면 영상이 짠하고 나타날 겁니다
영상이 제대로 재생되는지 확인하고 제목이나 다른내용을 적어 넣은 후 write 버튼을 누르면 됩니다..
여기까지 따라하시느라 수고 많으셨습니다..
처음엔 복잡한듯 싶지만 두어번만 해보면 금방 익숙해질 겁니다.
나름 신경을 써 이글을 썼지만 처음이라 좀 어설픕니다..감안하시고
혹 하시다가 잘 안되는 부분이 있으면 댓글이나 쪽지 주시면 제가 아는 한도내에서 답변을 드리겠습니다
긴글 읽어주셔서 감사합니다...^^**
사족: yamb으로 영상을 분할하는 경우에는 이강좌대로 되지 않습니다.
이번 강좌는 xml을 이용하는 방법으로 썼지만,xml 없이 올리는 방법등 몇가지는
시간이 되면 나중에 따로 글을 올릴께요..^^**
14 햄토리로 변신한 승연짱!!_001.flv