레이블이 jwplayer인 게시물을 표시합니다. 모든 게시물 표시
레이블이 jwplayer인 게시물을 표시합니다. 모든 게시물 표시

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까지 설정가능.

 

2013년 6월 21일 금요일

mod streaming / 동영상 스트리밍 / Centos 5.9에 mod_h264_streaming 모듈 설치하기

동영상 서버, 동영상 스트리밍 , 스마트폰 동영상 서비스, 교육 vod, 동영상 광고, HD 동영상, 스마일서브

부서이동을 거치면서 동영상서비스를 구축하는것에도 여러 방법이 있는걸 깨달았습니다.
해놓고 나면 신기하더라구요.


유료 : wowza , windows media server, RED5,
무료 :  vlc, apache mod_h264
위와 같은 것들 말고도 많이 있습니다만 이정도로만 하지요..(죄송해요 제 한계에요)


오늘은 아파치에 모듈을 추가해서 사용할수 있는 방법으로 한번 해보겠습니다

기본은 Centos 에 아파치가 설치되어있다는 전제하에 진행합니다.

정보 참고는 아래 링크 확인해주세요
http://h264.code-shop.com/trac/wiki/Mod-H264-Streaming-Apache-Version2


그리고 소스컴파일 할것이기 때문에 파일 다운로드 해주시구요

wget http://h264.code-shop.com/download/apache_mod_h264_streaming-2.2.7.tar.gz


파일 압축을 풀고 컴파일 하는건 똑같습니다.
tar -zxvpf apache_mod_h264_streaming-2.2.7.tar.gz
cd mod_h264_streaming-2.2.7/
./configure
make; make install


별다른 에러 없이 잘 끝나셨으면 apache httpd.conf 에 모듈을 추가하겠습니다 .
100대 열쯤 LoadModule 라인이 있습니다
모듈이 어딨는지는 경로는 알아서 잘 찾으시구요 아래와같이 추가합니다.
LoadModule h264_streaming_module modules/mod_h264_streaming.so

그리고 365열 쯤 AddHandler 부분이 있습니다 여기에다가도 설정 추가합니다
AddHandler h264-streaming.extensions .mp4

그리고 아파치 재시작!!!!!!


잘 설치가 되었는지 보실려면 html 파일하나 만들어서 테스트를 해봅니다.
위에 모듈을 쓰실려면 그에 맞는 플레이어가 필요합니다
아까 링크에 드렸던 주소에 보시면 알맞는 player 정보가 있습니다.
jwplayer 를 써보겠습니다

http://www.longtailvideo.com/jw-player/download/ 가셔서 파일을 다운 로드 받으세요
다운로드 받으신 파일을 원하는 홈디렉터리에 위치한후 index.html 파일을 만들어 수정합니다

소스는 http://account.longtailvideo.com/wizard 에서 파일과 이미지의 경로를 올리신 경로에 맞게 입력해주시면
 

바로 아래처럼 코드가 자동 생성 되세요... ^^

 

위의 코드를 가지고 열으실 파일 하나 만듭니다
test.html로 하나 만들어 볼께요

 
 
아까 위에서 보았던 코드 에요~
각각 맞게 넣어주세요..
 
 

웹에서 아파치에 설정한 경로로 test.html 을 열어봅니다.
잘 나오네요

 

그외에 구동 하는 방식은 따로 설명 하도록 하겠습니다. jwplayer만 하면 재미없자나요 ㅎㅎㅎ


이런 방법 다 귀찮다 싶으신 분은 스마일서브의 VOD 스트리밍을 이용해 주세요 아잉~
http://www.cloudv.kr/rew1/cdn/stream_vod02.html