You cannot see this page without javascript.

JWPlayer 사용법 #1 시작

HTML Tag 조회 수 775 추천 수 0 2013.06.25 15:06:21

한동안 Jeroen Wijering 의 플래시 플레이어를 사용못했더니 그 사이 엄청난 변화를 겪으면서 발전한 것을 보고 약간은 놀라고 있다. 이 글은 초보자와 내 자신의 망각에 대비한 사용법이다.

 

 

과거에는 자신의 이름으로 사이트를 운영하며 무료로 배포했는데, 지금은 롱테일(LongTail)이라는 회사를 차려 유/무료로 배포하고 있다. 무료라고 해서 기능이 없거나 하지는 않다. 다만 재생시 마다 왼쪽 아래에 로고가 보이기는 하지만...

 

 

다운로드시 주의 사항은 2가지 버전이 있다는 것이다. 아래의 "Include Viral, a video sharing plugin" 이 선택되어 있으면 mediaplayer-viral.zip 인 Viral 버전을 받게 되며, 아래처럼 꺼져 있으면 mediaplayer.zip 인 일반 버전을 받게 된다.

 

JWPlayer_Download.png

 

Viral 버전은 바이러스가 포함된 것이 아니다. 단지 바이러스처럼 소스를 배포한다는 뜻을 담고 있는 것으로 보인다. 한마디로 소스의 공유와 배포를 목적으로 한다는 것인데, 이게 아주 짜증나게 한다. 버퍼링, 재생 완료 등에 밑도 끝도 없이 공유창이 나타나기 때문이다.

 

 

해결 방법은 위 페이지에 있는 옵션을 적용하면 된다.

 

viral.onpause - 버퍼링, 일시멈춤
viral.oncomplete - 재생 완료
viral.allowmenu - 재생바에 메뉴 버튼

 

...viral.onpause=false&viral.oncomplete=false&viral.allowmenu=false...

 

위처럼 옵션에 3가지를 적용하면 일반버전과 동일하게 사용 가능하다. 그런데 매번 적용한다는 게 불편해서 누구라도 사용하지 않을 것은 분명한데, 가끔은 유튜브나 다른 비디오 사이트처럼 공유를 원한다면 사용할 수 있다.

 


 

간단한 사용법

 

JWPlayer Setup Wizard (설치 마법사)

http://www.longtailvideo.com/support/jw-player-setup-wizard

 

위 페이지는 소스를 자동으로 생성해 준다. 하지만 사용하기 위해서는 여러 옵션에 대해 숙지하고 있어야 한다. 그전에 막장 소스를 한번 보자...

 

<EMBED width=470 height=320 src=http://www.longtailvideo.com/support/player.swf flashvars="file=http://content.longtailvideo.com/videos/flvplayer.flv">

 

 

 

위 소스가 되느냐고 묻는다면, 대답은 '예' 다. 바로 위에서 증명하고 있다. 하지만 위 소스가 모든 브라우저에 적용되느냐고 묻는다면, '아니오' 라고 밖에는 할말이 없다. 인터넷상에는 위와 같이 그야말로 막장소스가 난무하고 있다. 되도록 표준규격을 지켜서 모든 환경에 적용되게 하자!

 

위 소스를 조금 더 손보면 아래와 같다.

 

<EMBED type=application/x-shockwave-flash width=470 height=320 src=http://www.longtailvideo.com/support/player.swf flashvars="file=http://content.longtailvideo.com/videos/flvplayer.flv" bgcolor="#000000" allowscriptaccess="always" allowfullscreen="true" wmode="transparent">

 

위에서 중요한 것은 타입(type)이다. 이것은 소스의 명확한 형(type)을 지정한다. 만약 확장자가 swf 가 아니어도 해당 타입으로 지정하게 한다.

 

왜 embed 만을 보이냐고 한다면, 현재 블로그를 비롯한 거의 모든 서비스에서 object 는 지원되지 않는 경우가 많다는 것이다. 하지만 embed 는 거의 공통적으로 지원한다. 그래서 앞으로도 embed 만을 보이고, 예시할 것이다.

 

위 소스의 옵션들은 앞으로 하나씩 거론할 것이다. 뭐 느긋이 지켜보자...

첨부
List of Articles
번호 제목 글쓴이 날짜sort 조회 수
369 Windows7 OEM을 활용하여 클린설치 file [11] LynX 2010-11-06 765
368 Windows7 에서 시스템을 백업/복원하는 가장 쉬운 방법!! file LynX 2010-11-07 334
367 탐색기 메뉴에 '명령 프롬프트 열기'와 '메모장으로 열기' 추가하기 file [14] LynX 2010-11-08 591
366 인터넷 익스플로러 리플레쉬 file LynX 2011-05-02 286
365 활성 네트워크 중복으로 인한 인터넷 연결 안되는 문제 file [12] LynX 2011-05-26 971
364 32bit Driver을 64bi로 설치하기 [8] LynX 2011-06-21 325
363 설치파일(inf)에 대한 이해 [7] LynX 2011-06-22 598
362 inf 설치시 경고창 안뜨게 하기 file [10] LynX 2011-06-22 430
361 로우 포맷(Low level format, 저수준 포맷) 하기 file [11] LynX 2011-07-06 722
360 Win XP Crack file [8] LynX 2011-10-31 269
359 윈도우7 메모리 인식 문재 file [13] LynX 2011-11-30 530
358 RoundCube 첨부 용량 변경 / 한글 수정 [10] LynX 2012-01-31 836
357 윈도우7 알수없는장치 file [8] LynX 2012-03-13 270
356 디지털 서명 file [1] LynX 2012-03-15 445
355 아레한글 사용시 출력물에 음영이 나타나는 현상. file [11] LynX 2012-03-29 1154
354 Xyview DVR서버 연결 [8] LynX 2012-04-19 295
353 HP Officejet 6500A (Plus) 호환 드라이버 [8] LynX 2012-05-16 294
352 IIS에 FastCgi모듈 활성화 시키기 file [12] LynX 2012-11-21 1283
351 윈도우 2008서버에 XE 설치 절차 [9] LynX 2012-11-22 230
350 Windows Server 2012 설치 file LynX 2012-11-23 477

XE Login