본문 바로가기

UUTT

JW플레이어 사용법

글 정보는 플래시갤러리 차차aa님입니다.


예제

<embed src='http://cfs.tistory.com/custom/blog/26/265019/skin/images/jwplayer44HACKED.swf' width='960' height='540' allowfullscreen='true' flashvars='file=http://cfs.tistory.com/custom/blog/23/235077/skin/images/example.xml&skin=http://cfs.tistory.com/custom/blog/39/393339/skin/images/stylish.swf&controlbar=over&repeat=always'>


※JW Player의 기본적인 구조
<embed src="jw player주소" width=가로크기 height=세로크기 flashvars="file=재생할파일&명령어&명령어&명령어">


※JW Player로 재생 가능한 파일
→flv
→mp3
→mp4 (단, 비디오-H264, 오디오-AAC)
#팟인코더로 mp4 인코딩하면 파일이 전부 다운되고 나서 재생이 됩니다. 제대로 재생을 하기 위해서 수정을 해줍니다.
#yamb로 팟인코더 mp4 고치는 방법 http://gall.dcinside.com/list.php?id=flash&no=134364
→xml(플레이리스트) 등 여러가지 포맷을 지원합니다.
#xml 활용의 좋은 예
http://gall.dcinside.com/list.php?id=flash&no=131667
http://gall.dcinside.com/list.php?id=flash&no=131669

http://gall.dcinside.com/list.php?id=flash&no=131653
http://gall.dcinside.com/list.php?id=flash&no=131650

#xml 파일 작성법
http://gall.dcinside.com/list.php?id=flash&no=44178
#xml 파일 티스토리에 업로드 후 주소따기
http://gall.dcinside.com/list.php?id=flash&no=131423

※JW Player 명령어 - 써넣지 않은 명령어는 기본값으로 적용됨.

[컨트롤바의 위치를 지정하는 명령어]
&controlbar=bottom(default) - 아래(기본값) - 컨트롤바의 크기만큼 전체 디스플레이 크기를 늘려줍시다..
                    top - 위
                    over - 화면에 마우스를 올리면 컨트롤바가 뜹니다(예제)
                    none - 안보이게

[file을 xml로 지정했을때 플레이리스트 위치를 지정하는 명령어]
- 플레이리스트 명령어는 파일이 xml이 아닌 경우에도 지정가능하고 그에 따라서 명령어도 있지만 거의 쓸일이 없을겁니다. 그래서 패스.
&playlist=none(default) - 안보이게(기본값)
              top - 위
              bottom - 아래
              right - 오른쪽
              left - 왼쪽
              over - 화면 재생전에 디스플레이 위에 목록이 나옴

[플레이리스트 크기 조절하는 명령어]
&playlistsize=숫자 - 이 명령어를 지정했으면 이 숫자만큼 전체 디스플레이 크기도 늘려줘야함
                               만약 오른쪽에 플레이 리스트가 있으면 가로크기를 늘려줘야 하겠지.. 이건 센스문제

[스킨 지정하는 명령어]
&skin=skin파일주소 - jw player버전에 따라서 스킨 파일도 다름
                                 버전이 서로 안맞으면 화면에 이상한 재생 아이콘이 묻어있을거임. ㅡㅡ;
#koonic님이 올리신 jw player skin 모음
http://gall.dcinside.com/list.php?id=flash&no=118330
http://gall.dcinside.com/list.php?id=flash&no=118335

[자동재생 여부를 지정하는 명령어]
&autostart=false(default) - 자동재생을 해놓으면 특정 브라우저에서 까만화면만 나오는 경우가 있는데, 
                 true                이 경우에는 뒤에 나올 stretching을 none, fill이나 exactfit(추천)으로 바꾸면 해결되는듯 함..내가 해봤는데 그랬음ㅋ 아님말곸


[재생 시작전 버퍼링 시간을 지정하는 명령어]
&bufferlength=숫자(초) - 사람들이 올린거 보다 보면 0으로 지정해놓은걸 많이 봤는데 내 생각엔 별로 필요없어 보임.

[디스플레이 화면에 재생 아이콘 표시 여부]
&icons=true(default)
            false

[음소거 명령어]
&mute=false(default)
           true

[반복재생 명령어]
&repeat=false(default) - 이 명령어를 써넣지 않으면(default값일 경우) 연속재생플짤을 만들시 1번째 파일만 재생 되고 멈춥니다.
              list - 리스트를 한바퀴 돌고 멈춥니다.
              always - 무한반복.

[리스트파일 랜덤재생 명령어]  - 리스트중에서 무작위로 재생
&shuffle=false(default)
              true

[디스플레이에 화면을 어떻게 놓을건지에 대한 명령어]
&stretching=uniform(default) - 기본값인데 설명하기 애매
                   fill - 화면을 꽉채움. 예를들면 비율이 16:9영상을 640x480(4:3) 비율로 해놓고 이 명령어를 써넣으면 4:3비율로 재생이 됨.
                   exactfit - 말그대로 딱맞게 해줌. 영상 비율이 안 변함.. 내 생각엔 이게 가장 좋은듯
                   none - 디스플레이 크기와 상관없이 원본크기로 나오게 함.. 전체화면 해도 원본크기로 나옴 ㅡㅡ;

[소리크기를 지정하는 명령어]
&volume=숫자(0~100)

[기타 명령어]
&displayclick=link&link=주소 - 이 명령어 써넣으면 화면 누르면 원하는 링크로 이동가능함. (displayclick은 5.0 버전 이상은 안됨.)


#xml이용시 link사용법
xml파일 내용의 각각의 트랙에 <info>원하는주소</info>를 추가한뒤에 명령어에는 displayclick=link만 써넣어주면 됩니다.
-------------------------------------------------------------------------------------------------------
XML 예시)
<playlist version="1">
<title>XSPF Example Playlist</title>


<trackList>


<track>
<title>Test video 1</title>
<location>http://test1.flv</location>
<info>http://gall.dcinside.com/list.php?id=flash</info>
</track>


<track>
<title>Test Video 2</title>
<location>http://test2.flv</location>
<info>http://gall.dcinside.com/list.php?id=flash</info>
</track>


</trackList>
</playlist>
-------------------------------------------------------------------------------------------------------
                      fullscreen - 화면클릭하면 전체화면
                      next - 화면클릭하면 다음영상
                      mute - 화면클릭하면 음소거
                      none - 핸드커서가 안보이고 효과없이..


&logo=주소 - 오른쪽 위에 원하는 이미지(swf도 됨)를 박을 수 있음. 라이센스 버전은 로고 위치도 지정가능함. (아래 링크 참조.)
#JW Player 5.1 Licensed Version http://gall.dcinside.com/list.php?id=flash&no=131252
&image=주소 - 재생 전 대기화면에서 보일 이미지를 지정하는 명령어임.
                        요즘 로딩짤이라고 자동재생해놓고 이미지 넣는거 유행임 ㅡ.ㅡ
&menu=false - 우클릭했을때 jw 관련 메뉴가 안뜨도록 하는 명령어