const gcssdk = new GCSSDK();
gcssdk.version // 獲取當前版本號

調用時機：實例化SDK后調用。用于初始化配置，返回初始化結果。

gcssdk.init({
  accessKey,           // 應用公鑰
  token,                  // 用戶token
  userId,                 // 用戶ID
  sessionId,             // 唯一會話標識
}).then(ready => {
  console.log(ready); // true
}).catch(e => {
  console.log(ready); // false
});

調用時機：init異步結果返回true時調用。

gcssdk.prepare({
  appId, // 應用ID
  appVersion, // 應用版本號
  container, // Dom容器
  projectId, // 項目ID
  idleTime,
}).then(res => {
  console.log('plateformSessionId: ', res.plateformSessionId);
});

調用時機：實例化SDK后調用。監聽SDK所有事件，根據消息下行處理相關邏輯。

gcssdk.on('GCSEvent', (res) => {
  const { type, code, message } = res;

  switch (code) {
    case '201010': // 應用運行環境準備完成
      console.log(message);
      break;
    case '902011': // 服務器連接成功
      console.log(message);
      break;
    case '902013': // 通道服務準備就緒
    case '902014': // 通道服務關閉
    default:
      break;
  }
});

調用時機：實例化SDK后調用。解除on方法掛載的事件監聽

gcssdk.off('GCSEvent')

調用時機：在收到201010事件后調用。

gcssdk.start();

調用時機：用戶需要手動關閉應用時調用。

gcssdk.stop();
gcssdk.stop({ switchContainer: true }); // 切換容器前關閉

調用時機：sdk建立連接后調用。用于建立自定義數據通道，且獲得返回參數

function onMessage (evt) {
  console.log(`udpOnMessage: ${evt}`);
}

gcssdk.udpOpen(port, onMessage);

調用時機：自定義數據通道建立后調用。用于發送信息。

gcssdk.udpSend(msg);

調用時機：自定義數據通道建立后調用。用于關閉自定義數據通道

gcssdk.udpClose()

// 鍵盤按下
document.onkeydown = function(event) {
  const e = event || window.event || arguments.callee.caller.arguments[0];
  e.preventDefault();

  gcssdk.setKeyBoard({
    keyCode: e.keyCode,
    isPressed: true
  });
};

gcssdk.setSize(width, height);

// 鼠標移動
video.onmousemove = function(event) {
  const e = event || window.event || arguments.callee.caller.arguments[0];
  e.preventDefault();
  const x = e.clientX;
  const y = e.clientY;

  gcssdk.setMouse({
    x, y,
    isPressed: false,
    button: 10
  });
};

獲取視頻流信息，在收到902011事件后調用。

/**
 * 視頻流參數stat
 * @param Mbps 
 * @param delay 
 * @param fps 
 * @param resolution 
 * @param rtt 
 */
const onMessage = (stat) => {
  console.log(stat)
}
gcssdk.onStat(onMessage);

創建虛擬搖桿，可在收到201010事件后調用。

const params = {
  joystickImage: {
    back: 'url',
    front: 'base64'
  }
}
// 需保證gcs-sdk-videoBox掛載點存在
gcssdk.JoystickCreate(params);

向虛擬搖桿按鈕傳入監聽事件，在收到902012事件后調用。

const function = (e) => {
  console.log(e)
}
gcssdk.JoystickOn(type, function);

重新拉流。

gcssdk.replay();

設置全屏。

// 開啟全屏（建議按需使用contrainterId）
gcssdk.setFullscreen({
  type: 2,
});   

// 取消全屏  
gcssdk.setFullscreen({
  type: 0
});

動態設置比特率，在902012事件后調用。

gcssdk.setBitrate(1000) // 啟動時kbps默認值為3000

設置音量。

gcssdk.setVolume(volume);

關閉Rgc服務，在902011事件后調用。

gcssdk.disconnect()