2013년 6월 27일 목요일

동영상 호스팅 / 스트리밍 호스팅 / jwplayer / [스마일서브] jwplyaer 명령어

동영상 호스팅, 스트리밍 호스팅 에 필요한 플레이어 입니



JWPLAYER 설정

요즘 웹에서 동영상 재생을 목적으로 많이 쓰이는 jwplayer의 설치와 사용하기 입니다.

 jwplayer홈페이지 : http://www.longtailvideo.com

위의 홈페이지에 가시면 JWplayer를 다운 받으실 수 있습니다.

현재 5.1버전까지 나왔으며 편리함을 위해서 아래를 링크를 걸어둡니다
 [다운로드] http://www.gawoo.net/jwplay/jwplayer5.1.zip


1. 설치하기

다운로드한 파일을 열어보면 파일들이 6개 있는데 필요한건 아래의 4개 파일

player.swf swfobject.js yt.swf video

yt.swf는 5.1에 새로 추가되었는데 홈페이지 설명으로 Youtube 동영상 지원을 위해서
필요하다고 하고, 위 4개의 파일을 외부에 링크가능한 서버에 서로 같은 디렉토리에
올리셔야 됩니다.


2. 웹에서 사용하기
JWplayer는 embed 태그를 쓰면 쉽게 사용할 수 있습니다.

홈페이지에서 Setup Wizard를 제공하고 있습니다.

4버전
Setup Wizard : http://www.longtailvideo.com/support/jw-player-setup-wizard-4


5버전[최신버전]
Setup Wizard : http://www.longtailvideo.com/support/jw-player-setup-wizard

3. 코드 사용하기

http://developer.longtailvideo.com/trac/wiki/Player5FlashVars 에 나와있는대로
설명해드릴께요. 5버전 기준 괄호() 안에있는 것이 defalut값입니다.


따로지정하지 않으면 default값이 적용됩니다.

backcolor (undefined): controlbar와 playlist의 background color를 지정합니다.
frontcolor (undefined): controlbar와 playlist의 아이콘과 텍스트의 색깔을 지정합니다.
Lightcolor (undefined): 마우스오버가 되면 아이콘과 텍스트가 바뀌는 색깔을 지정합니다.
screencolor (undefined): 플레이어의 바탕 색깔입니다.

[참고]swf(ver1.0)로된 스킨만 적용이 됩니다.
zip(ver2.0)으로된 스킨은 zip안에있는 이미지를 그대로 보여주는지 안되더군요.


-behaviour -
autostart (false): 자동실행 여부를 설정합니다.
플레이어가 로드되자마자 플레이 시키고 싶으시면 autostart=true
bufferlength : 버퍼링 시간을 설정할 수 있습니다.
bufferlength(10)으로 설정하면 동영상이 로드되고 10초간의 버퍼링 시간을
갖습니다. 다시말해서 설정한 시간만큼 동영상을 다운 받고 시작하는거죠.
icons (true): 화면중간에 나오는 재생버튼이나 버퍼링 아이콘의 표시 유무를 지정합니다.
false로 하면 안나옵니다.
Item (0): 이건 플레이 리스트일때 쓰입니다. 플레이를 시킬 동영상의 번호를 입력하면
그 번호부터 시작합니다.
[참고] 동영상의 순서는 0부터 시작합니다.
즉, 3번째 동영상을 플레이 시키기위해서는 item=2를 설정해야합니다.
mute (false): 음소거 입니다.
repeat (none): 반복재생에 관한 설정입니다.
repeat=list 플레이 리스트를 한번 모두 재생하고 종료합니다.
repeat=always 동영상 파일을 무한반복합니다. 플레이리스트도 마찬가지
repeat=single 플레이리스트에서 선택한 동영상 하나를 계속 반복합니다.
shuffle (false): 플레이 리스트에 있는 동영상이나 음악을 랜덤으로 재생합니다.
stretching (uniform): 동영상을 플레이어 크기에 맞게 늘이는 옵션입니다.
912 x 512(16:9) 동영상을 640 x 480(4:3)의 플레이어로 재생시키고
옵션을 설정해 보았습니다. 펼쳐서 보세요
volume (90): 볼륨입니다. 0~100까지 설정가능.

 

댓글 없음:

댓글 쓰기