이 기능데모는 PC용 웹브라우저에 최적화 되어 있습니다. 모바일 기기에서는 웹브라우저의 종류별 특징에 따라 일부 기능이 제한 될 수 있습니다.
|
1. 플레이어 커스터마이징 스킨 (Player Customizing Skin). |
나클립스 HTML5 플레이어는 서비스사의 특화된 웹페이지에 적용하기 위한 다양한 스킨 인터페이스를 제공합니다. 나클립스 HTML5 플레이어의 스킨 커스터마이징 기능은 플레이어의 버튼 및 아이콘의 디자인 뿐만 아니라 플레이의 전체적인 스타일 까지 해당 서비스에 맞게 커스터마이즈(Customize)화 할 수 있습니다.
|
관련 메서드 (Related Methods) |
.addParam('skin_path', s_skin_path)
.rightVolIcon(b_is_right)
.showCtrlIcon(s_icon_name, b_is_show)
.changeStyle(s_style_name, s_style)
|
스킨팩 지정
볼륨 게이지 위치 설정
콘트롤 버튼 활성/비활성
스킨이미지 스타일 변경
|
|
|
|
|
2. 자막기능 확장을 위한 자막 인터페이스 (Subtitle Interface). |
나클립스 HTML5 플레이어는 HTML 기반의 자막 인터페이스를 제공합니다. 나클립스 HTML5 플레이어의 자막기능은 재생중인 동영상 평면에 나타나는 오버레이 형식 및 자막 인터페이스 Javascript를 통해 다양한 자막 응용 기능을 구현할 수 있습니다.
|
관련 메서드 (Related Methods) |
.addParam('fire_subtitle_ex', b_fire)
.addSubtitle(s_srt_path, s_label)
.activeSubtitleTrack(i_ndx)
|
자막 출력 이벤트 설정
자막 파일 지정
활성 자막 설정
|
|
|
|
|
3. 오디오 전용 플레이어 (Support Audio Player). |
나클립스 HTML5 플레이어는 오디오 전용 플레이어 기능을 지원합니다. 오디오 미디어 스트리밍 플레이 기능은 볼륨조절, 재생위치 변경, 연속재생등 다양한 오디오 플레이어 전용 인터페이스를 제공하여 서비스사의 서비스에 최적으로 동작하는 오디오 스트리밍 시스템을 구현할 수 있습니다.
|
관련 메서드 (Related Methods) |
.burnPlayerAudio(s_div_id, s_player_id,..)
.addEventListener('_naclips_audio_status_',..)
|
나클립스 오디오 생성.
오디오 이벤트 설정
|
|
|
|
|
4. 워터마킹 / 워터스킨 플레이(Water-Marking / Water-Skin Play). |
나클립스 HTML5 플레이어는 동영상 스트리밍 재생시, 서비스사의 로고 및 심벌을 오버레이 형태로 워터마킹하여 서비스 할 수 있습니다. 나클립스 인코더 서버를 이용하여 인코딩 할 경우 스트리밍 동영상 자체에 워터마킹을 할 수 있지만, 원본 영상 보존 등 동영상 자체에 워터마킹이 불필요한 경우 재생 시점의 워터마킹 또한 고려할 수 있도록 하였습니다.
|
관련 메서드 (Related Methods) |
.setWatermark(s_img_url, s_url, i_position)
.setWatermarkOption(s_namev_vala, v_valb)
.showWatermark(b_show)
.addParam('title_url',s_url)
|
워터마크 설정.
워터마크 옵션 설정.
워터마크 활성/비활성.
커스텀 대표 이미지 적용.
|
|
|
|
|
5. 오디오 BGM 플레이 (Audio Background-Music Play). |
나클립스 HTML5 플레이어는 BGM(Background Music) 스트리밍 재생을 지원합니다. 스트리밍용 동영상을 인코딩 생성할때, 나클립스 인코더 서버의 오디오 믹싱 인코딩 기능을 이용하여 인코딩 출력 파일 자체에 BGM을 추가할 수 도 있지만, 나클립스 HTML5 플레이어의 BGM 플레이 기능은 원본 동영상을 변환하지 않고도 BMG 스트리밍 재생을 가능하게 합니다.
|
관련 메서드 (Related Methods) |
.setBackgroundAudio(s_url, i_ogn_volume)
.setBackgroundAudioOption(s_name, v_val)
|
BGM 설정.
BGM 옵션 설정.
|
|
|
|
|
6. 트리밍 플레이 (Trimming Play) : 특정 시간대 부분만 잘라내어 재생. |
트리밍 플레이 (Trimming Play / Croping Play)는 스트리밍용 동영상 파일의 특정부분만 잘라내어 스트리밍 재생하는 기능 입니다. 이때 Trimming 된 영상은 실제 잘라내어 별도의 파일처럼 스트리밍 재생하게 됩니다.
|
관련 메서드 (Related Methods) |
.setTrimming(i_begin, i_end)
.setTrimmingOption(s_name, v_val)
|
트리밍 구간 설정.
트리밍 옵션 설정.
|
|
|
|
|
7. 다중 플레이어 (Multi Player). |
나클립스 HTML5 플레이어는 다중 플레이어의 스트리밍 재생을 완벽하게 지원합니다. HTML 도큐먼트(Document)에 삽입된(Embeding) 나클립스 HTML5 플레이어는 하나의 HTML 요소(Element)로서 플레이어의 동적 생성 및 제어가 가능합니다.
|
관련 메서드 (Related Methods) |
.burnPlayer(id_layer,i_w,i_h,id_player,..)
.unload()
|
나클립스 플레이어 생성.
나클립스 플레이어 제거.
|
|
|
|
|
8. HTML 기본 비디오 요소 지원 (Support Default HTML Video Element). |
나클립스 VOD 스트리밍 서버엔진은 기본 HTML 비디오 요소(Default Video Element)를 지원합니다. 나클립스 VOD 스트리밍 서버 엔진에서 제공되는 나클립스 HTML5 플레이어를 사용하지 않고 별도의 비디오 스트리밍 플레이어를 제작 및 서비스 할때 이 지원기능을 적용할 수 있습니다.
|
관련 메서드 (Related Methods) |
cx_nvideocore('id_video',..)
.createPlayer()
.getVideo()
|
비디오 코어 객체를 생성.
HTML 비디오 요소 생성.
HTML 비디오 요소를 가져옴.
|
|
|
|