V/G Controller
Latest version 1.1.1718
개요
...
VG Controller는 콜러스 플레이어 기능들을 고객사 웹사이트에서 구현 할 수 있도록 지원하는 Javascript library입니다. Kollus VG Controller는 다음과 같은 특징을 가지고 있습니다.
...
| Code Block |
|---|
... //Vg-Controller Client Library는 CDN으로 제공합니다. script로 링크를 넣어주시면 됩니다. 자세한 내용은 CDN목록 확인하세요. <script src="/path/tohttps://file.kollus.com/vgcontroller/vg-controller-client.1.1.16latest.min.js"></script> <script> window.onload = function() { try { var controller = new VgControllerClient({ //getElementById 값의 영상이 나올 iframe의 id값을 넣으시면 됩니다. target_window: document.getElementById('child').contentWindow }); // 여기서부터 이벤트 리스너를 등록하거나, 웹페이지 Element에 메소드를 bind하면 됩니다. controller.on('progress', function(percent, position, duration) { console.log(position) }) controller.on('ready', function() { console.log("ready"); controller.set_custom_error(3012, "test", ""); }); controller.on('progress', function(percent, position, duration) { console.log('progress'); // console.log(controller.refresh_bookmark()); console.log(controller.get_lms_data()) }); controller.on('pause', function() { console.log("pause event"); controller.enable_fullscreen_button(); isPlaying = false; }); controller.on('done', function() { console.log("done"); isPlaying = false; }); controller.on('muted', function(is_muted) { console.log("mute event"); is_muted = true; }); controller.on('seeking', function() {//v4 console.log("seeking"); }); controller.on('seeked', function() {//v4 console.log("seeked"); }); controller.on('screenchange', function(screen) { console.log(screen); }); controller.on('volumechange', function(volume) { console.log(volume); }); controller.on('speedchange', function(speed) { console.log(speed); }); controller.on('playbackrateschange', function(playback_rates) { console.log(playback_rates); }); controller.on('videosettingchange', function(videosetting) {//v3 console.log(videosetting); }); controller.on('jumpstepchange', function(jumpstep) { console.log(jumpstep); }); controller.on('subtitlevisibilitychange', function(visibility) { console.log(visibility); }); controller.on('hlsfragchange', function() {//v4 console.log("hlsfragchange"); }); controller.on('html5_video_supported', function(html5_video_supported) {//v4 console.log(html5_video_supported); }); controller.on('error', function(error_code) { console.log(error_code); }); controller.on('device_orientation_changed', function(orientation) { console.log(orientation); }); } catch(e) { // 이 부분에 적절한 fail-over 코드를 추가하여 주십시요. console.error(e); } }; </script> <body> <iframe id="child" src="http://v.kr..."></iframe> </body> ... |
...
구간반복 메소드 | |||||||||
|---|---|---|---|---|---|---|---|---|---|
set_repeat_start ([position]) | 구간반복의 시작 위치를 설정합니다. 인자 없이 호출하면 현재 위치를 구간반복의 시작 위치로 설정합니다. 만약 먼저 설정된 종료 위치보다 시작 위치가 나중이라면 종료 위치가 해제됩니다. Parameters:
Return:
| v3,v4 |
| ||||||
set_repeat_end ([position]) | 구간반복의 종료 위치를 설정합니다. 인자 없이 호출하면 현재 위치를 구간반복의 종료 위치로 설정합니다. 만약 먼저 설정된 시작 위치보다 종료 위치가 먼저라면 시작 위치가 해제됩니다. Parameters:
Return:
| v3,v4 |
| ||||||
unset_repeat () | 설정된 구간반복을 해제합니다. Parameters:
Return:
| v3,v4 | |||||||
get_repeat () | 설정된 구간반복 상태값을 반환합니다. Parameters:
Return:
| v3,v4 | |||||||
북마크 메소드 | |||
|---|---|---|---|
refresh_bookmark () | 플레이어 내 bookmark 리스트를 새로 갱신합니다. Parameters:
Return:
| v3,v4 | |
...