넥스폴리테크놀러지 - 나클립스 VOD 서버

빠른메뉴

컨텍정보

로그인

제품소개

회사소개

고객사

제품문의

제품관리

NACLIPS VOD SERVER :: NACLIPS LOADER CLASS LIBRARY

Naclips Loader Class Library란 무엇인가?

Naclips Loader Class Library는 VOD 스트리밍 사용자의 다양한 디바이스 및 웹브라우저 환경을 자동으로 감지하고 그 환경조건에 최적화된 나클립스 VOD 플레이어를 실행하기 위해 작성된 Java Script Class Library이다.

현재 나클립스 VOD 시스템은 Naclips ActiveX Player, Naclips Plugin Player, Naclips Player for Android, Naclips Player for HTML5, Naclips Player for Mobile HTML등 5종의 VOD 스트리밍 플레이어를 제공하고 있는데, Naclips Loader Class Library는 사용자의 시스템 및 웹브라우져 환경을 파악하여 위 5종의 나클립스 VOD 플레이어중 사용자 환경에서 최적으로 동작하는 플레이어를 필요시 자동으로 설치하고 실행한다.

Naclips Loader Class Library를 통해 실행된 나클립스 플레이어는 웹 페이지와 연동하기 위해 각기 다른 Control Interface 방식을 사용하고 있는데, Naclips Loader Library의 Naclips Loader Interface는 이 서로 다른 형식의 Control Interface를 하나의 통합적인 명령형식으로 정의하여 나클립스 플레이어를 Control할 수 있다.

Naclips Loader Class Library의 역할.

1. 나클립스 플레이어 실행 : 사용자의 OS환경 및 웹브라우져 환경을 감지하여 최적의 나클립스 VOD 플레이어 실행.
2. 나클립스 플레이어 설치 : 나클립스 VOD 플레이어의 설치가 필요한 경우 프로그램 모듈 설치과정 진행. (Naclips ActiveX Player, Naclips Plugin Player, Naclips Player for Android)
3. 나클립스 플레이어 명령어 통합 : Naclips Loader Interface는 각기 다른 5종의 나클립스 VOD 플레이어의 Control Interface를 하나의 통합적인 명령어 형식으로 정의하여 콘트롤한다.

Naclips Loader Class Library의 적용예.

01: <HTML>
02: <head>
03: <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
04: <script type="text/javascript" src="/script/xie_version.js"/></script>
05: <script type="text/javascript" src="/script/lib_naclips_loader.js"></script>
06: <script type="text/javascript" src="/script/lib_naclips_video.js"></script>
07: <script type="text/javascript" src="/script/lib_naclips_tools.js"></script>
08: <script type="text/javascript" src="/script/lib_naclips_styler.js"></script>
09: <script type="text/javascript" src="/script/lib_naclips_style_blue.js"></script>
10: <link rel="stylesheet" type="text/css" href="/style/lib_naclips_video.css">
11: <script type="text/javascript">
12:  // Load Player ///////////////////////
13:  function loadPlayer(){
14:   gx_vodloader = new cx_ncsloader('auto','auto'); // Naclips Loader 객체를 생성한다.
15:   // Naclips Player를 준비. - 첫번째 파라메터에서 82라인의 Div TAG ID를 Base Layer ID로 입력한다.
16:   var i_ret = gx_vodloader.burnPlayer('id_base',720,480,'NACLIPS_PLAYER',document); 
17:   if     (i_ret == 0) alert('abnormal layer options');        
18:   else if(i_ret  < 0) alert('burning player failed.');        
19:   else{        
20:    gx_vodloader.addParam('BaseLayerID', gx_vodloader.getLayerId()); // getLayerId() : burnPlayer()에서 입력한 Base Layer ID.
21:    gx_vodloader.addParam('FileName'   ,"assp://vod.nexpoly.co.kr/media/1st_sample.mp4");       
22:    gx_vodloader.addParam('NexTube'    ,"cssp://www.nexpoly.co.kr/sample");       
23:           
24:    // ActiveX & Plugin Player를 위한 Naclips Player Property 초기값 입력 /////////      
25:    gx_vodloader.addParam('SkinURL'        ,"http://www.nexpoly.co.kr/controls/skins/naclipsx/nacs_smoke.zip#Version=1,0,0,1");       
26:    gx_vodloader.addParam('EnableSnapshot' ,1);       
27:    gx_vodloader.addParam('IsSaveSnapOnNet',1);       
28:           
29:    //HTML5 Player를 위한 Naclips Player Property 초기값 입력 //////////////////////
30:    gx_vodloader.addParam('skin_path', "image/skin");  // HTML5 플레이어 작동시 필수 옵션
31:    gx_vodloader.addParam('fire_status_ex', true);     // HTML5 플레이어 작동시 추가 옵션
32:    
33:    
34:           
35:    var i_rtn = gx_vodloader.loadPlayer(); // Loading Naclips Player ..............     
36:  //if     (i_rtn == -1) alert("No VOD-Query-URL Parameter!!");
37:    if     (i_rtn == -2) alert("VOD-Query Interface Failed!!");       
38:    else if(i_rtn ==  0) alert("Load Player Failed!!");       
39:   }        
40:           
41:   if(gx_vodloader.curr_player == 'html5'){        
42:    //HTML5 형식의 Event 처리 루틴. status가 'loadedmetadata' 이면 xvnt_OpenStatusChange를 실행 (Naclips Player Interface 페이지 참조)
43:    ////////////////////////////////////////////////
44:    document.addEventListener('naclips_status_change', function(e){       
45:     if(e.detail.status == 'loadedmetadata'){ // emulate Media Open Event ///////////////////////////////
46:      try{     
47:       if(xvnt_OpenStatusChange) xvnt_OpenStatusChange(2,e.detail.layer_id);
48:      }catch(e){};     
49:     }      
50:    }, false);       
51:    ////////////////////////////////////////////////
52:   }        
53:  }
54:           
55:  // 웹페이지가 완전히 로딩된후 0.1초후에 Player 로딩 구현 /////////////////////////
56:  window.onload = function(){         
57:   setTimeout(loadPlayer,100); //0.1 Sec delay run
58:  }
59:           
60:  // Event Function : End Init Player Extra (Plugin Player에서 유효) //////////////////
61:  // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
62:  function xvnt_EndInitEx(layer_id){ gx_vodloader.initVdoSpace();} // initVdoSpace() : Plugin Player 운영시 필수 Script
63:  // !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
64:
65:  // Event Function : End Init Player (HTML5 / Plugin Player에서 유효) /////////////////////////////
66:  function xvnt_EndInit(layer_id){
67:   if(!gx_vodloader) return;        
68:   gx_vodloader.addMediaSrc("assp://vod.nexpoly.co.kr/media/2nd_sample.mp4");
69:  }
70:  // Event Function : Open Status Change (Plugin) /////////////////////////////
71:  function xvnt_OpenStatusChange(i_status, layer_id){
72:   if(i_status == 2){ //opened
73:    var s_info = gx_vodloader.getProperty('VideoWidth') +'x'+gx_vodloader.getProperty('VideoHeight')+' | ';
74:    s_info += gx_vodloader.getProperty('Video4CC')+'+'+gx_vodloader.getProperty('Audio4CC')+' | ';
75:    s_info += gx_vodloader.getProperty('StreamBps')+'kbps';
76:    document.getElementById('status_bar').innerHTML = s_info;
77:   }
78:  }
79: </script>
80: <script for='NACLIPS_PLAYER' event="EndInit(layer_id)"  type="text/javascript">
81:  //ActiveX Style Event Function - ActiveX 형식의 이벤트 처리 함수
82:  xvnt_EndInit(layer_id);         
83: </script>          
84: </head>          
85: <body>                
86:  <div id='id_base' style="visibility:visible; background-color:black;"></div>  
87:  <a href="javascript:gx_vodloader.runMethod('pause',true)"> 플레이어 잠시 멈춤</a><br>
88:  <a href="javascript:gx_vodloader.setProperty('displaysize',2)"> 전체화면으로 보기</a><br>
89:  <span id='status_bar'></span>
90: </body>
91: </html>

04 라인에서 10 라인까지 Naclips Player Library Script 파일을 링크한다.
11 라인에서 Naclips HTML5 Player의 Style Sheet 파일을 링크한다.
20 라인에서 31 라인까지 addParam() 함수는 Naclips Player의 Property 값을 초기화하는 Javascript 이다.
73 라인에서 75 라인까지 Naclips Loader의 getProperty() 함수를 통해 Naclips Player의 Property 값을 가져오는 Javascript이다.
86 라인에서 DIV Tag는 Naclips Player가 로딩될 Base Layer 이다. (Div TAG ID는 16라인의 burnPlayer() 함수의 파라메터로 입력된다.)
87 라인은 Naclips Loader의 runMethod() 함수를 통해 Naclips Player의 Method를 실행하는 Javascript이다.
88 라인은 Naclips Loader의 setProperty() 함수를 통해 Naclips Player의 Property 값을 입력하는 Javascript이다.

NACLIPS LOADER CLASS INTERFACE METHODS.
cx_ncsloader(player_mode,mobile_mode)			Naclips Loader Constructor
player_mode	str	PC 환경에서 Player Mode / 'auto', 'html5', 'activex', 'plugin' / 'auto': HTML5가 지원하면 HTML5 Player를, 그렇지 않으면 Activex/Plugin Player를 실행.
mobile_mode	str	모바일 환경에서 Player Mode / 'auto', 'html5', 'app' / 'auto': Android 환경일 경우 Naclips Player for Android를, 그렇지 않으면 HTML5 Player를 실행.

activeSubtitleTrack(i_dx)			나클립스 HTML5 Player에 추가된 자막목록에서 i_dx 번째 자막을 활성화 한다.
i_dx	number	추가된 자막의 순서값 (0부터 시작됨).

addMediaSrc(s_url, s_param)			스트리밍할 미디어 파일을 미디어 리스트 추가한다.
s_url	str	스트리밍 미디어 URL (ex: assp://127.1.1.3/media/samp.mp4)	s_param	str	s_param 문자열은 서버의 Media Access 로그 파일에 기록된다.

addMultiBpsMenu(s_title)			다중 대역폭 스트리밍 메뉴명을 지정한다.
s_title	str	메뉴명	Return	number	메뉴 리스트의 전체 메뉴 갯수.

addParam(name,value)			나클립스 플레이어의 프로퍼티(Property)를 지정된 값으로 초기화한다.
name	str	초기화 할 프로퍼티(Property)의 이름	value	variable	지정된 프로퍼티(Property)의 초기값.

addSubtitle(s_file, s_label, s_language, s_charset)			나클립스 VOD 서버에 저장된 자막파일 URL을 HTML5 플레이어에 추가 한다.
s_file	str	자막파일 URL(ex: /subtitle/demo.srt)	s_label	str	나클립스 HTML5 플레이어에 표시될 자막 제목. (기본값:Korean)
s_language	str	자막파일의 언어 종류. (기본값:ko)	s_charset	str	자막파일의 Charcter Set. (기본값:UTF-8).

burnPlayer (id_layer,i_w,i_h,id_player,docu)			사용자의 OS, 웹브라우져 환경을 검사하고 나클립스 플레이어를 준비한다.
id_layer	str	나클립스 플레이어가 로딩될 Layer ID. (Div Tag의 ID를 입력)	i_w	number	나클립스 플레이어의 가로 픽셀값.
i_h	number	나클립스 플레이어의 높이(세로 픽셀값).	id_player	str	생성될 나클립스 플레이어의 Object ID 명
docu	object	나클립스 플레이어가 생성될 documet object. (ex: document, parent.document, top.document. / 생략시 기본값 : document)
Return	number	1: 성공 / false: Unsupported / 음수: 나클립스 플레이어 생성중 에러발생.

burnPlayerAudio(id_layer,id_player,docu)			나클립스 오디오 플레이어를 준비한다.
id_layer	str	나클립스 플레이어가 로딩될 Layer ID. (Div Tag의 ID를 입력)	id_player	str	생성될 나클립스 플레이어의 Object ID 명
docu	object	나클립스 플레이어가 생성될 documet object. (기본값: document)	Return	number	1: 성공 / false: Unsupported / 음수: 에러발생.

changeMediaSrc (s_src,s_param)			나크립스 플레이어의 스트미링 미디어 소스를 변경한다.
s_src	str	스트리밍 소스 URL (ex: assp://vod.nexpply.co.kr/vod/a.mp4)	s_param	str	서버의 Media Access 로그 파일에 기록될 파라메터 문자열

changeStyle(s_name,s_style)			나클립스 HTML5 플레이어 스킨 이미지에 적용된 스타일을 변경한다. (Stylesheet 기본 설정값은 lib_naclips_style_xxxxx.js 파일에 정의 되어 있다.)
s_name	str	스타일 명칭	s_style	str	변경될 스타일 스트링.
Return	number	성공시 스타일 리스트의 변경된 스타일 인덱스 값 리턴 (스타일 리스트 미생성시 0 리턴) / 실패시 -1 리턴
Example	gx_vodloader.changeStyle('sz_volume_f',"width:4px; height:14px;");

changeSubtitle(idx, s_file, s_label, s_language, s_charset)			이미 추가되어 있는 자막파일 URL을 변경한다.
idx	number	추가된 자막의 순서값 (0부터 시작됨).	s_file	str	자막파일 URL(ex: /subtitle/demo.srt)
s_label	str	나클립스 HTML5 플레이어에 표시될 자막 제목. (기본값:Korean)	s_language	str	자막파일의 언어 종류. (기본값:ko)
s_charset	str	자막파일의 Charcter Set. (기본값:UTF-8).

clearMediaSrc()			미디어 소스 리스트를 비운다.

clearMultiBpsMenu(b_show_menu)			다중 대역폭 스트리밍 메뉴 리스트를 초기화 한다.
b_show_menu	boolean	true : 메뉴 삭제후 메뉴 리스트 Show / false : 메뉴 삭제후 메뉴 리스트 Hidden

close()			나클립스 ActiveX Player를 종료한다.

enableExtender(b_enable)			나클립스 익스텐더(Naclips Extender)를 활성화 하여, 동영상 녹화를 방지한다.
b_enable	boolean	true: 나클립스 익스텐더 활성화 / false: 나클립스 익스텐더 비활성화

getActivatedSubtitleTrack()			활성화된 자막의 순서 값을 가져온다.
Return	number	활성화된 자막의 순서(index) 값

getAgentLang()			사용자의 웹브라우저 기본언어 코드 쿼리.
Return	str	사용자의 웹브라우저 기본언어 코드 (ex: ko, ja, en ...)

getBrowser()			웹브라우저 종류값을 가져온다.
Return	str	ie:Internet Explorer / gc:Google Chrome / fx:Firefox / as:Apple Safari

getDocWinSize(docu)			HTML Document의 넓이, 높이 값을 가져온다.
docu	object	Documet Object.	Return	variable	{x:width, y:height}

getLayerId()			burnPlayer() 함수에서 입력된 Naclips Player Base Layer ID 쿼리.
Return	str	Naclips Player Base Layer ID

getMediaIdx()			미디어 스트리밍 연속 재생시 현재 재생중인 미디어 소스 순서값을 가져온다.
Return	number	재생중인 미디어 소스 순서값(index)

getMultiBpsIdx()			다중 대역폭 스트리밍시 현재 선택된 대역폭 순서값을 가져온다.
Return	number	현재 선택된 대역폭 순서값(index)

getProperty(s_name)			나클립스 플레이어의 프로퍼티(Property)값을 가져온다.
s_name	str	프로퍼티 명칭 (Property Name)	Return	variable	지정된 프로퍼티의 값.

getStreamingSpeed()			인터넷 속도 체크 사용시, 체크된 네트워크의 초당 전송비트수(Bps)를 가져온다.
Return	dpouble	초당 전송률(bps - BitsPerSecond)

getSubtitleCount()			장착된 자막들의 전체 갯수를 리턴한다.
Return	number	나클립스 HTML5 플레이어에 정상적으로 로드된 자막 갯수

hiddenCtrlsOnInit(b_hide)			나클립스 HTML5 플레이어가 생성될때 콘트롤 레이어를 감춘 상태로 시작한다.
b_hide	boolean	true: hidden / false: show

initVdoSpace()			나클립스 플러그인 플레이어 작동시에만 효용성 있는 함수로서, 나클립스 비디오 평면을 초기화 한다. xvnt_EndInitEx() 이벤트 함수에서 실행하도록 한다.

isMobile() / is_mobile()			사용자의 디바이스 환경이 모바일 환경(Android, iOS)인지 검사한다.
Return	boolean	true / false

is_android() / is_ios() / is_ipad() / is_ipod_phone() / is_windows()			사용자의 디바이스 및 OS 환경을 검사한다.
Return	boolean	true / false

loadPlayer()			나클립스 플레이어를 웹페이지에 로딩한다.
Return	number	1: 성공 / -1: VOD Query URL 값이 없습니다. / -2: VOD Query 객체를 생성하지 못하였습니다. / 0: 미디어 소스를 로딩하지 못하였습니다.

next()			연속 재생시 다음 미디어 소스를 재생한다.

pause()			스트리밍 재생 잠시 멈춤.

play()			스트리밍 재생 시작.

previous()			연속 재생시 이전 미디어 소스를 재생한다.

resize(i_w,i_h)			나클립스 플레이어의 가로,세로 크기를 변경한다.
i_w	number	나클립스 플레이어의 넓이값 (가로 픽셀값)	i_h	number	나클립스 플레이어의 높이값 (세로 픽셀값).

rightVolIcon(b_right)			볼륨 아이콘을 왼쪽에 위치 할것인지, 오른쪽에 위치 할것인지 설정.
b_right	boolean	true: 오른쪽에 위치 / false : 왼쪽에 위치

runCheckSpeed(i_kbytes,i_secs,s_server)			네트워크 속도 측정을 시작한다.
i_kbytes	number	네트워크 속도 체크를 위하여 서버에서 전송받을 데이터량(Kbyte)	i_secs	number	전송받을 최대 시간(초). 이 시간을 초과하면 속도 측정을 종료한다.
s_server	str	속도 측정을 할 서버 URL (생략시 스트리밍 미디어 소스 URL)	Example	gx_vodloader.runCheckSpeed(5*1024,3); 3초 안에 5MByte 수신.

runMethod(s_name, arg1,arg2,arg3,arg4)			나클립스 플레이어의 메서드(Method)를 실행한다.
s_name	str	실행할 메서드의 이름(Method Name)	arg1	variable	메서드의 첫 번째 인자값. (생략가능)
arg2	variable	메서드의 두 번째 인자값. (생략가능)	arg3	variable	메서드의 세 번째 인자값. (생략가능)
arg4	variable	메서드의 네 번째 인자값. (생략가능)	Return	variable	메서드의 실행 결과값.

setBackgroundAudio(s_url, i_ogn_volume)			BGM(Background Audio) 스트리밍을 설정한다.
s_url	str	스트리밍 미디어 URL (ex: assp://192.168.1.1:80/audio/samp.m4a)	i_ogn_volume	number	원본 동영상의 볼륨(0 ~ 100)

setBackgroundAudioOption(s_name, v_val)			BGM(Background Audio) 스트리밍 옵션값을 설정한다.
s_name	str	옵션 명 (Option Name) origin_volume: 원본 영상 파일의 오디오 볼륨값을 설정. (0 ~ 100). repeat: Background Audio 재생을 반복할 것인지 설정. (true/false) sync_video: 영상파일과 재생 동기화 할것인지 설정. (true/false)	v_val	variable	옵션 값 (Option Value)

setBackgroundMessage(s_play, s_stop)			나크립스 HTML5 비디오 플레이어로 오디오 파일(M4A)을 스트리밍 재생할때 백그라운드 메세지 문자열을 설정한다.
s_play	str	재생시 메세지 (기본값: 'Now Playing Audio..')	s_play	str	멈춤시 메세지 (기본값: '')

setBaseLeft(i_left)			나클립스 플레이어의 AboutBox 또는 MessageBox 출력시, 나클립스 HTML5 플레이어의 왼쪽 여백값을 지정한다.
i_left	number	나클립스 HTML5 플레이어의 왼쪽 여백 픽셀값.

setInitPos(i_init_pos)			미디어 스트리밍 재생시 지정된 시간 부터 재생을 시작한다.
i_init_pos	number	시작 시간(초 단위)

setMultiBpsIdx(i_dx)			다중 대역폭 스트리밍 재생시, 스트리밍 재생할 대역폭을 선택하다.
i_dx	number	선택할 다중 대역폭 순서값(index)

setNaexCheckInterval(i_check_delay,i_check_maximum)			나클립스 익스텐더 사용시, 익스텐더 프로그램의 실행여부 체크 간격 지정
i_check_delay	number	체크 간격 (기본값 : 0.5초 / 단위 : 밀리초)	i_check_maximum	number	체크 횟수 (기본값 10)
Example	gx_vodloader.setNaexCheckInterval(0.3*1000,10); //0.3초 간젹으로 10회 검사. (setNaexCheckInterval 함수 미실행시, 0.5초 간격으로 10회 검사로 기본설정 되어 있음)

setProperty(s_name,value)			나클립스 플레이어의 프로퍼티(Property)값을 입력한다.
s_name	str	프로퍼티 명칭 (Property Name)	value	variable	입력될 프로퍼티의 값.
Return	boolean	true: 성공 / false : 입력 실패

setShowSubtitle(b_show)			자막의 출력여부를 설정한다.
b_val	boolean	true(show) / false(hidden) (기본값 : true)

setShowUnsupportSubtitle(i_val)			HTML5 자막 기능이 지원되지 않는 웹브라우저에서 메세지 박스 출력 여부 결정.
b_val	boolean	true / false (기본값 : true)

setSubtitleClearOnChangeMedia(b_clear)			스트리밍 동영상 소스 변경시, 이미 불러온 자막을 비울것인지 결정한다.
b_clear	boolean	true / false (기본값 : true)

setSubtitleDisablingLabel(s_label)			나클립스 HTML5 플레이어의 자막메뉴에서 "자막 감추기" 메뉴의 제목을 지정.
s_label	str	"자막 감추기" 메뉴의 라벨명 (기본값 : None)

setSubtitleFontSizeRatio(i_val)			자막 텍스트의 폰트 사이즈 축소 배율값을 지정한다.
i_val	number	축소배율값. 자막 Font Size = (HTML5 Player 높이 픽셀값)/축소배율값 이다. (기본값:20 => 자막폰트 사이즈는 플레이어 높이값의 1/20.) / 전체화면일때 30

setSubtitlePaddingBottom(i_val)			나클립스 HTML5 플레이어 자막의 아래 여백값을 지정한다.
i_left	number	아래 여백 픽셀값.(기본값 : 8)

setSubtitleParser2Br(b_val)			줄바꿈 문자를 <BR> 태그로 자동으로 바꿈.
b_val	boolean	true / false (기본값 : true)

setThumbSrcIdx(i_dx)			멀티 대역폭 재생시 썸네일 이미지 디렉토리 순서값(index) 지정.
i_dx	number	썸네일 이미지 디렉토리 순서값(index) / setThumbSrcIdx 함수 미 실행시, 썸네일 이미지 디렉토리 순서값은 0으로 세팅퇴어 있음.

setTrimming(i_begin, i_end)			트리밍 플레이 영역을 설정한다.
i_begin	number	시작 시간 (초단위)	i_end	number	종료 시간 (초단위)

setTrimmingOption(s_name, v_val)			트리밍 플레이 옵션 설정.
s_name	str	옵션 명 (Option Name) reset_on_next: 다음 영상 재생시 트리밍 플레이 리셋 (true/false)	v_val	variable	옵션 값 (Option Value)

setWatermark(s_img_url, s_text, i_position)			워터마킹 플레이 설정.
s_img_url	str	워터마크 이미지 URL.	s_text	str	워터마크 클릭시 이벤트로 전송될 문자열
i_position	number	워터마크 위치값. (0:top-center, 1:top-right, 2:middle-right, 3:bottom-right, 4:bottom-center, 5:bottom-left, 6:middle-left, 7:top-left, 8:middle-center)
Example	gx_vodloader.setWatermark('/image/wmark.png','',7); 또는 gx_vodloader.setWatermark('http://nexpoly.com/image/wmark.png','http://www.nexpoly.co.kr',1);

setWatermarkOption(s_name, v_vara, v_varb)			워터마크 옵션 설정.
s_name	str	옵션 명 (Option Name) margin : 워터마크와 비디오화면 경계선 사이의 간격. (단위: Pixel) size : 워터마크 이미지의 가로, 세로 픽셀값을 지정하여 이미지를 확대하거나 축소한다. -1 지정시 원본 이미지 크기로 지정된다. (단위: Pixel / 기본값 : -1) position : 워터마크 위치를 변경한다. (위치정보 - setWatermark 메서드 참조) url : 워터마크 이미지 URL을 지정하여, 워터마크 이미지를 변경한다.
v_vala	variable	첫 번째 옵션 값 (Option Value)	v_valb	variable	두 번째 옵션 명 (Option Value)

showCloseBtn(b_show)			모바일용 나클립스 HTML5 플레이어에서 창닫기 버튼 보이기/감추기 설정.
b_show	boolean	true(show) / false(hidden) (기본값 : false)

showCtrlIcon(s_name, b_show)			플레이어 스킨 콘트롤 아이콘 보이기/감추기 설정.
s_name	str	아이콘 이름 (play, volume, multibps, jamak, repeat, speed, full)	b_show	boolean	true(show) / false(hidden)

showCtrlThumbs(b_show)			썸네일 이미지와 플레이어 콘트롤 레이어 보이기/감추기 설정.
b_show	boolean	true(show) / false(hidden)

showPlayer(b_show)			나클립스 플레이어를 보이게 하거나 감춘다.
b_show	boolean	true(show) / false(hidden)

showWatermark(b_show)			워터마크 보이기/감추기 설정.
b_show	boolean	true(show) / false(hidden)

supportHtml5()			HTML5 지원가능 여부 쿼리.
Return	boolean	true: 지원 / false: 미지원.

unload()			나클립스 HTML5 플레이어를 닫는다. (페이지 전환 또는 웹브라우저 종료시 에는 자동으로 종료됨)