<소 개>
유플러스박스에서 스트리밍을 하려면 자체 인코딩을 해야하는데
무료회원은 DVD화질 월 50회, HD화질 월 5회 제한이 있습니다.
하지만 티스토리와 달리 파일당 용량제한이 없고 초대장 없이 바로 가입이 가능합니다.
유튜브는 용량제한 횟수제한도 없지만 저작권 단속이 심하다는 단점이 있습니다.
그래서 다음과 같이 구분해서 올리면 됩니다.

짧은 영상 or 이어 붙이기 -> 티스토리
긴 영상 한번에 올리기 -> 유플러스박스
창작자료 (저작권이 내꺼) -> 유튜브

<준비물>
jw58.swf : http://dl.dropbox.com/u/55997458/jw58.swf  ->  JW 플레이어
modieus2.swf : http://dl.dropbox.com/u/55997458/modieus2.swf  -> JW 플레이어 투명스킨
유플러스박스 계정 -> 영상을 올릴 계정
유튜브 계정 -> 영상을 올릴 계정
올릴 영상 -> 강좌1에서 인코딩한 MP4 영상 (스트리밍용으로 변환까지 완료)


<유플러스박스 순서>
1. 영상을 유플러스박스 My Media에 올린다
2. 유플러스박스 자체 인코딩을 한다
3. 플레이어/동영상/스트리머 주소를 HTML 코드에 적용한다

- 인코딩시 주의사항 -
유플러스박스 자체 인코딩시 크기가 정해져 있습니다.
다음팟인코더로 인코딩할 때 아래 크기에 맞추거나 더 크게 해야 합니다
DVD 화질 :  700 X 400  ,  HD 화질 : 1280 X 720
(유플러스 박스에 올릴 영상은 인코딩 할때 25프레임 이상으로 합니다. 자체 인코딩시 25프레임 고정이라고 합니다.)


<유플러스박스 따라하기>
1. 영상을 유플러스박스 My Media에 올린다

처음 하시는 분은 화면 우측하단에 파일매니저를 설치해야 합니다

화면 상단의 My Media를 클릭하고 VIDEO 탭을 선택합니다
올리기를 누르면 파일매니저가 실행됩니다

다음팟인코더로 잘라낸 영상을 올리면 됩니다


2. 유플러스박스 자체 인코딩을 한다

빨간줄 친곳을 누르면 해당하는 화질로 자동 인코딩됩니다
(무료회원은 DVD화질 월 50회, HD화질 월 5회 제한)


3. 플레이어/동영상/스트리머 주소를 HTML 코드에 적용한다

인코딩 완료된 영상을 더블클릭하면 새창이 뜹니다
여기서 소스보기로 플레이어/동영상/스트리머 주소를 가져와야 합니다
(소스보는 방법은 크롬과 익스가 다릅니다)

크롬 : F12
익스 : F10 -> 보기 -> 소스

크롬에서 새창을 선택하고 F12를 누르면 소스보기 창이 뜹니다.
우리가 원하는 부분은 제일 아래쪽에 있습니다
밑줄친 순서대로 위에서부터 플레이어/영상/스트리머 주소입니다
(플레이어 주소는 앞부분이 비어있습니다)

플레이어 주소 앞부분은 새창의 주소에 빨간줄 친 부분입니다
그러므로 플레이어 주소는 다음과 같이 됩니다
http://ustrm-3.upbox.co.kr/player/player.swf

밑줄친 순서대로 위에서부터 플레이어/영상/JW플레이어 스킨/스트리머 주소를 변경하면됩니다

http://ustrm-3.upbox.co.kr/player/player.swf" width="800" height="450" type="application/x-shockwave-flash"

 allowfullscreen="true" flashvars="file=2012/02/06/6e2f131901b64fc591091edc0c4dc24f1a78a165.mp4&icons=false&controlbar=over

&autostart=true&repeat=always&stretching=exactfit&skin=http://cfs.tistory.com/custom/blog/88/881915/skin/images/modieus2.swf

&volume=100&streamer=rtmp://ustrm9.upbox.co.kr/vod/">

JW플레이어 스킨은 티스토리나 dropbox를 이용하면 된다고 강좌1에서 알려드렸습니다
티스토리 HTML 코드와 다른점은 스트리머 주소가 마지막에 추가되었다는 것입니다
그리고 xml 주소에 mp4 주소를 집어넣은 것입니다

HD화질로 인코딩 하여 완성된 영상입니다

http://ustrm-3.upbox.co.kr/player/player.swf" width="800" height="450" type="application/x-shockwave-flash" allowfullscreen="true" flashvars="file=2012/02/06/6e2f131901b64fc591091edc0c4dc24f1a78a165.mp4&icons=false&controlbar=over&autostart=false&repeat=always&stretching=exactfit&skin=http://cfs.tistory.com/custom/blog/88/881915/skin/images/modieus2.swf&volume=100&streamer=rtmp://ustrm9.upbox.co.kr/vod/" />
 

<유튜브 순서>
1. 영상을 유튜브 계정에 올린다
2. 유튜브 플레이어 이용하여 HTML 코드를 완성한다 
or
2. JW플레이어를 이용하여 HTML 코드를 완성한다


<유튜브 따라하기>
1. 영상을 유튜브 계정에 올린다 

유튜브 계정에 영상을 올리려면 "콘텐츠 위치 선택"에서 전세계를 선택해야 합니다
설정하는 곳은 유튜브 메인화면 아래에 있습니다

화면 상단에 업로드를 선택하고 "컴퓨터에 파일 선택" 눌러서 영상을 업로드 합니다

업로드 하는 중입니다
제목/설명/태그/미리보기 이미지는 알아서 설정하시면 됩니다

업로드가 완료되면 위와 같이 유튜브에서 감상할 수있습니다
이제 다른곳에서 볼 수 있도록 HTML 코드를 완성해야 하는데
유튜브 플레이어를 쓰는 방법과 JW 플레이어를 쓰는 방법이 있습니다

예제는 고화질 영상을 예로 들겠습니다
http://www.youtube.com/watch?v=tJ7pVD8d4gs


2. 유튜브 플레이어 이용하여 HTML 코드를 완성한다

공유 -> 소스코드 순으로 누르고 "이전 소스 코드 사용"을 체크합니다
("이전 소스 코드 사용"을 체크하는 이유는 iframe을 지원하지 않는 웹페이지들이 있기 때문입니다)

그러면 동영상 소스코드가 중간 창에 나타납니다

소스코드 내용입니다. 하지만 이대로 올리면 영상과 창크기가 안맞습니다

변경된 부분에 빨간줄을 쳤습니다
width와 height는 각각 가로/세로 길이를 나타내는데 영상 세로로 길기 때문에
height 값을 800으로 변경하였습니다
그리고 "&vq=hd1080" 이 중간에 추가되었는데 이건 "1080p 해상도로 플레이를 하라"는 뜻입니다
영상의 최고 해상도가 720p라면 "&vq=hd720" 이라고 적으면 됩니다
(&vq=hd1080 을 적지 않으면 창크기에 맞춰서 영상의 해상도가 결정됩니다)



유튜브 플레이어로 재생하는 영상입니다




2. JW플레이어를 이용하여 HTML 코드를 완성한다

빨간줄 친 부분이 영상주소가 됩니다

빨간줄 친 순서대로 위에서부터 jw플레이어/영상/jw플레이어 스킨 주소를 변경하면 됩니다
(티스토리 HTML 코드 만드는 방법과 비슷합니다)
(해상도는 창크기 맞춰서 자동으로 조절됩니다)  

allowfullscreen="true" flashvars="file=http://youtu.be/tJ7pVD8d4gs&plugins=hd-1&icons=false&controlbar=over&autostart=false&repeat=always

&stretching=exactfit&skin=http://dl.dropbox.com/u/56056615/modieus2.swf&volume=100">

jw 플레이어로 재생하는 영상입니다

 


<당부의 말>
jw플레이어와 스킨 파일는 본문의 주소를 쓰지 말고 반드시 자신의 계정의 것을 써주시길 바랍니다.
그리고 이해가 안가는 점이 있더라도 그림을 보시고
따라서 해보시면 어렵지 않게 하실 수 있으니 플짤만들기에 도전해보시길 바랍니다.