JW Player 컴파일하기 (로고, 메뉴, 옵션 커스텀)

JW Player - Flash Video Player1. 준비물

  1. JW Player 소스코드 다운로드 – 아래 주소에서 원하는 버전의 jw player 소스를 다운.
    (http://developer.longtailvideo.com/trac/browser/trunk/fl5)
  2. Ant 다운로드
    (http://ant.apache.org/bindownload.cgi)
  3. Adobe Flex SDK 다운로드
    (http://sourceforge.net/adobe/flexsdk/wiki/Downloads/)
  4. JDK 다운로드
    (http://www.oracle.com/technetwork/java/javase/downloads/index.html)

 

2. Ant 와 Flex SDK 설치

  1. 다운 받은 Ant 압축 파일을 원하는 폴더에 풀어놓는다.
  2. 다운 받은 Flex SDK 압축 파일을 원하는 폴더에 풀어놓는다.
  3. Java Runtime을 설치한다.
  4. “{Ant 설치경로}\bin” 과 “{Flex SDK 설치경로}\bin” 을 원도우즈 path 에 추가한다.
    (커맨드 라인에서 >setx path “%PATH%;{Ant 설치경로}\bin;{Flex SDK 설치경로}\bin” 라고 입력하면 된다.)
  5. “{Flex SDK 설치경로}ant\lib\” 폴더에서 flexTasks.jar 을 복사해서 “{Ant 설치경로}\lib” 폴더에 복사한다.

 

3. JW Player 설정하기

3.1 JW Player 로고 변경

  1. JW Player 소스의 압축을 푼다.
  2. “{JW Player 소스 폴더}/src/com/longtailvideo/jwplayer/view/Logo.as” 를 notepad++ 등의 텍스트 에디터로 연다.
  3. 텍스트 에디터의 “찾기” 기능으로 “public class Logo extends MovieClip” 를 찾는다.
  4. 로고를 변경하려면 “prefix” 에 로고를 올려놓은 주소중 파일명을 제외한 주소를 쓰고, “file” 에 파일명을 쓰면 된다. 만약 로고가 아예 나오지 않게 하고 싶다면 “file”에 “null”이라고 넣어주면 된다.
  5. 그 밑의 “link” 주소를 수정하면 로고를 클릭했을 때 이동하게 되는 주소를 수정할 수 있다. 자신의 블로그나 홈페이지를 링크하길 원할 때 쓰면 된다.
  6. 다음이 수정한 샘플이다.
    public class Logo extends MovieClip {
        /** Configuration defaults **/
        protected var defaults:Object = {
            prefix: "http://blog.kalkin7.com/",  /** 로고주소에서 파일명 제외한 주소 **/
            file: "Null",  /** 파일명 **//
            link: "http://blog.kalkin7.com/", /** 로고 클릭시 이동할 주소 **/
            linktarget: "_blank", /** 로고 클릭시 창이 뜨는 위치 **/
            margin: 8, 
            out: 0.5, 
            over: 1, /** 몇 번 사라졌다가 나타나게 할 지 설정 **/
            timeout: 5, /** 몇 초 후에 사라지게 할 지 설정 **/
            hide: "true", /** true면 timeout에서 지정한 시간 후에 사라짐. false면 사라지지 않음. **/
            position: "bottom-left" /** 위치 지정 ex) top, left, right, bottom, center **/
    }
    

3.2 JW Plyaer 메뉴에서 About 메뉴를 수정

  1. “{JW Player 소스 폴더}\src\com\longtailvideo\jwplayer\view\RightclickMenu.as” 를 notepad++ 등의 텍스트 에디터로 연다.
  2. “protected function setAboutText()” 를 검색한다.
  3. 그 밑의 “about = new ContextMenuItem(‘원하는 문구’);” 를 수정한다.
  4. 그 아래에 “protected function aboutHandler” 아래 부분에 있는 “navigateToURL(new URLRequest(‘About 메뉴 클릭시 이동할 주소‘), ‘_blank’);” 을 수정한다.
    컴파일하고 나면 다음과 같은 메뉴가 만들어진다.
    jw player custom menu 1

3.3 JW Player 기본 옵션 설정하기

  1. “{JW Player 소스 폴더}src\com\longtailvideo\jwplayer\model\PlayerConfig.as” 를 notepad++ 등의 텍스트 에디터로 연다.
  2. “public dynamic class PlayerConfig” 를 검색한다.
  3. 옵션을 아래의 설명을 보고 기호대로 설정한다.
    • protected var _playlistfile:String = null;
      → 플레이 리스트 파일 경로를 지정해 준다. 리스트 파일은 xml 파일 링크해 주면 된다.
    • protected var _autostart:Boolean = false;
      → 자동플레이 하려면 true, 아니면 false.
    • protected var _bandwidth:Number = 1500;
      → 대역폭 설정이다. 일반적으로 기본값 그대로 놔두면 된다.
    • protected var _bufferlength:Number = 2;
      → 버퍼 설정. 역시 기본값으로 놔두면 된다.
    • protected var _displaytitle:Boolean = true;
      → 플레이 영상, 음악파일등의 제목이 보여지게 된다. 플레이 리스트에 title이 지정되어 있어야 한다.
    • protected var _fullscreen:Boolean = false;
      → 풀스크린모드 사용여부를 결정해 주면 된다. 값이 true면 전체화면으로 영상이 보여진다.
    • protected var _item:Number = 0;
      → 플레이 리스트를 쓸 때, 원하는 번호부터 플레이하도록 설정. 보통 기본값으로 두면 된다.
    • protected var _linktarget:String = “_blank”;
      → 이것도 기본값으로 두면 된다.
    • protected var _levels:Array = null;
      → 역시 기본값으로 두면 된다.
    • protected var _mute:Boolean = false;
      → 음소거 유무. true로 설정하면 음소거 상태로 플레이되고, false면 소리가 나오는 상태로 플레이 된다.
    • protected var _repeat:String = RepeatOptions.NONE;
      → 반복재생 사용여부. (소스 변경이 필요한 사항이므로 일단 기본값으로 놔두는 것이 좋음.)
    • protected var _shuffle:Boolean = false;
      → 랜덤재생 설정. true면 랜덤재생, false면 순차재생.
    • protected var _smoothing:Boolean = true;
      → true 기본값으로 두는 것이 좋음.

      //TODO: Move to ENUM class

    • protected var _stretching:String = “fill”;
    • → 화면을 어떻게 보여지게 할 지 설정. 창크기에 맞게 화면을 늘려서 보여주거나, 비율에 맞게 보여주거나 하는 것이 설정 가능. 기본 값은 uniform.
      ※ none: 원본대로(전체화면시에도), uniform: 비율확대, fill: 꽉찬화면(동영상이 짤릴 수도 있음), exactfit: 꽉찬화면(비율무시)
    • protected var _volume:Number = 90;
      → 기본 볼륨 크기 설정.
    • protected var _backcolor:Color = null;
      → 배경색 설정. 기본은 배경색없음 null. 색은 html 색상 코드를 사용하면 된다.
    • protected var _frontcolor:Color = null;
      → 전경색 설정
    • protected var _lightcolor:Color = null;
      → 전경색 설정
    • protected var _screencolor:Color = null;
      → 전경색 설정//TODO: Move to ENUM class
    • protected var _controlbar:String = “bottom”;
      → 콘트롤바 위치지정. 상: top, 하: bottom, 좌: left, 우: right
    • protected var _dock:Boolean = true;
      → 플러그인을 쓸 때 나타나는 표시 사용 유무. HD 플러그인을 쓸 때 우상단에 “HD”라고 표시되는 것이 dock이다.
    • protected var _height:Number = 400;
      → 세로길이
    • protected var _icons:Boolean = true;
      → 아이콘 표시 유무.
    • protected var _logo:String = null;
      → 로고 설정
    • protected var _playlist:String = “none”;
      → 플레이 리스트
    • protected var _playlistsize:String = “180″;
      → 플레이리스트 사이즈
    • protected var _skin:String = null;
      → 스킨을 지정해 주시면 됩니다.
    • protected var _width:Number = 280;
      → 가로길이
    • protected var _plugins:String = “”; //plugins initial string
      → 플러그인 사용시 플러그인 경로에 넣어 주시고 플러그인명 넣어 주면 된다.
    • protected var _pluginConfig:Object = {};
      → 플러그인 기본변수지정하는 부분인데 이 부분도 그냥 놔두는 것이 좋다. 플러그인마다 개별이니.
    • protected var _id:String = “”;
      → 그냥 놔두면 됨.
    • protected var _playerready:String = “”;
      → 기본값으로 그냥 놔두면 된다.
    • protected var _debug:String = Logger.NONE;
      → 디버깅 옵션. 일반적으로 기본값으로 놔두면 됨.

 

4. JW Player 컴파일 하기

  1. “{JW Player 소스 폴더}\build\build.properties” 를 notepad++ 등의 텍스트 에디터로 연다.
  2. 거기서 다음 항목을 수정한다.
    • flexsdk = Flex SDK 설치경로
    • execextension = .exe
  3. 실행 메뉴에서 “cmd”를 입력한 뒤 엔터를 쳐서 명령 프롬프트를 실행한다.
  4. cd 명령어를 통해 {JW Player 소스 폴더}로 이동한 후 다음의 명령어를 입력하고 엔터를 누른다.
    ant -buildfile build\build.xml
  5. 그러면 {JW Player 소스 폴더}에 “player.swf” 파일이 생성되었을 것이다. 그 파일이 수정된 JW Player 파일이다.

이 글 공유하기:

댓글 남기기

2 댓글 / "JW Player 컴파일하기 (로고, 메뉴, 옵션 커스텀)"

댓글 이메일 구독
avatar
정렬:   최신순 | 오래된 순
블링블링
방문자
블링블링

안녕하세요. 제가 jwplayer 커스텀을 하기 위해 jw 5버전 파일을 찾고 있는데요. 링크해주신 주소도 이제 상위 버전만 있는 것 같고 아무리 검색해봐도 안나와서 찾고 찾다가 여기까지 오게됐습니다. 혹시 5 버전 아무거나 가지고 계시면 제게 공유 좀 해주실 수 있을까요? 아니면 다운 받을 수 있는 주소 알고 계신다면 알려주시면 정말 감사하겠습니다. 제가 꼭 필요해서요. 부탁드릴게요.

wpDiscuz