bigbluebutton-Github/bigbluebutton-client/resources/prod/lib/kurento-extension.js

var isFirefox = typeof window.InstallTrigger !== 'undefined';
var isOpera = !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
var isChrome = !!window.chrome && !isOpera;
var kurentoHandler = null;

Kurento = function (
    tag,
    voiceBridge,
    conferenceUsername,
    internalMeetingId,
    onFail = null,
    chromeExtension = null
    ) {

  this.ws = null;
  this.video;
  this.screen;
  this.webRtcPeer;
  this.extensionInstalled = false;
  this.screenConstraints = {};
  this.mediaCallback = null;

  this.voiceBridge = voiceBridge + '-SCREENSHARE';
  this.internalMeetingId = internalMeetingId;

  this.vid_width = window.screen.width;
  this.vid_height = window.screen.height;

  // TODO properly generate a uuid
  this.sessid = Math.random().toString();

  this.renderTag = 'remote-media';

  this.caller_id_name = conferenceUsername;
  this.caller_id_number = conferenceUsername;
  this.pingInterval;

  this.kurentoPort = "kurento-screenshare";
  this.hostName = window.location.hostname;
  this.socketUrl = 'wss://' + this.hostName + '/' + this.kurentoPort;

  this.iceServers = null;

  if (chromeExtension != null) {
    this.chromeExtension = chromeExtension;
  }

  if (onFail != null) {
    this.onFail = Kurento.normalizeCallback(onFail);
  } else {
    var _this = this;
    this.onFail = function () {
      _this.logError('Default error handler');
    };
  }
};

this.KurentoManager= function () {
  this.kurentoVideo = null;
  this.kurentoScreenShare = null;
};

KurentoManager.prototype.exitScreenShare = function () {
  if (this.kurentoScreenShare != null) {
    if(kurentoHandler.pingInterval) {
      clearInterval(kurentoHandler.pingInterval);
    }
    if(kurentoHandler.ws !== null) {
      kurentoHandler.ws.onclose = function(){};
      kurentoHandler.ws.close();
    }
    kurentoHandler.disposeScreenShare();
    this.kurentoScreenShare = null;
    kurentoHandler = null;
  }
};

KurentoManager.prototype.exitVideo = function () {
  // TODO exitVideo
};

KurentoManager.prototype.shareScreen = function (tag) {
  this.exitScreenShare();
  var obj = Object.create(Kurento.prototype);
  Kurento.apply(obj, arguments);
  this.kurentoScreenShare = obj;
  kurentoHandler = obj;
  this.kurentoScreenShare.setScreenShare(tag);
};

KurentoManager.prototype.joinWatchVideo = function (tag) {
  this.exitVideo();
  var obj = Object.create(Kurento.prototype);
  Kurento.apply(obj, arguments);
  this.kurentoVideo = obj;
  kurentoHandler = obj;
  this.kurentoVideo.setWatchVideo(tag);
};


Kurento.prototype.setScreenShare = function (tag) {
  this.mediaCallback = this.makeShare;
  this.create(tag);
};

Kurento.prototype.create = function (tag) {
  this.setRenderTag(tag);
  this.iceServers = true;
  this.init();
};

Kurento.prototype.init = function () {
  var self = this;
  if("WebSocket" in window) {
    console.log("this browser supports websockets");
    this.ws = new WebSocket(this.socketUrl);

    this.ws.onmessage = this.onWSMessage;
    this.ws.onclose = function (close) {
      kurentoManager.exitScreenShare();
      self.onFail("Websocket connection closed");
    };
    this.ws.onerror = function (error) {
      kurentoManager.exitScreenShare();
      self.onFail("Websocket connection error");
    };
    this.ws.onopen = function() {
      self.pingInterval = setInterval(self.ping, 3000);
      self.mediaCallback();
    };
  }
  else
    console.log("this browser does not support websockets");
};

Kurento.prototype.onWSMessage = function (message) {
  var parsedMessage = JSON.parse(message.data);
  switch (parsedMessage.id) {

    case 'presenterResponse':
      kurentoHandler.presenterResponse(parsedMessage);
      break;
    case 'viewerResponse':
      kurentoHandler.viewerResponse(parsedMessage);
      break;
    case 'stopSharing':
      kurentoManager.exitScreenShare();
      break;
    case 'iceCandidate':
      kurentoHandler.webRtcPeer.addIceCandidate(parsedMessage.candidate);
      break;
    case 'pong':
      break;
    default:
      console.error('Unrecognized message', parsedMessage);
  }
};

Kurento.prototype.setRenderTag = function (tag) {
  this.renderTag = tag;
};

Kurento.prototype.presenterResponse = function (message) {
  if (message.response != 'accepted') {
    var errorMsg = message.message ? message.message : 'Unknow error';
    console.warn('Call not accepted for the following reason: ' + errorMsg);
    kurentoManager.exitScreenShare();
    kurentoHandler.onFail(errorMessage);
  } else {
    console.log("Presenter call was accepted with SDP => " + message.sdpAnswer);
    this.webRtcPeer.processAnswer(message.sdpAnswer);
  }
}

Kurento.prototype.viewerResponse = function (message) {
  if (message.response != 'accepted') {
    var errorMsg = message.message ? message.message : 'Unknown error';
    console.warn('Call not accepted for the following reason: ' + errorMsg);
    //kurentoManager.exitScreenShare(); TODO stop?
    kurentoHandler.onFail(errorMessage);
  } else {
    console.log("Viewer call was accepted with SDP => " + message.sdpAnswer);
    this.webRtcPeer.processAnswer(message.sdpAnswer);
  }
}

Kurento.prototype.serverResponse = function (message) {
  if (message.response != 'accepted') {
    var errorMsg = message.message ? message.message : 'Unknow error';
    console.warn('Call not accepted for the following reason: ' + errorMsg);
    kurentoHandler.dispose();
  } else {
    this.webRtcPeer.processAnswer(message.sdpAnswer);
  }
}

Kurento.prototype.makeShare = function() {
  var self = this;
  console.log("Kurento.prototype.makeShare " + JSON.stringify(this.webRtcPeer, null, 2));
  if (!this.webRtcPeer) {

    var options = {
      onicecandidate : this.onIceCandidate
    }

    console.log("Peer options " + JSON.stringify(options, null, 2));

    kurentoHandler.startScreenStreamFrom();

  }
}

Kurento.prototype.onOfferPresenter = function (error, offerSdp) {
  if(error)  {
    console.log("Kurento.prototype.onOfferPresenter Error " + error);
    kurentoHandler.onFail(error);
    return;
  }

  var message = {
    id : 'presenter',
    type: 'screenshare',
    internalMeetingId: kurentoHandler.internalMeetingId,
    voiceBridge: kurentoHandler.voiceBridge,
    callerName : kurentoHandler.caller_id_name,
    sdpOffer : offerSdp,
    vh: kurentoHandler.vid_height,
    vw: kurentoHandler.vid_width
  };
  console.log("onOfferPresenter sending to screenshare server => " + JSON.stringify(message, null, 2));
  kurentoHandler.sendMessage(message);
}

Kurento.prototype.startScreenStreamFrom = function () {
  var screenInfo = null;
  var _this = this;
  if (!!window.chrome) {
    if (!_this.chromeExtension) {
      _this.logError({
        status:  'failed',
        message: 'Missing Chrome Extension key',
      });
      _this.onFail();
      return;
    }
  }
  // TODO it would be nice to check those constraints
  _this.screenConstraints.video = {};

  var options = {
    //localVideo: this.renderTag,
    onicecandidate : _this.onIceCandidate,
    mediaConstraints : _this.screenConstraints,
    sendSource : 'desktop'
  };

  console.log(" Peer options => " + JSON.stringify(options, null, 2));

  _this.webRtcPeer = kurentoUtils.WebRtcPeer.WebRtcPeerSendonly(options, function(error) {
    if(error)  {
      console.log("WebRtcPeerSendonly constructor error " + JSON.stringify(error, null, 2));
      kurentoHandler.onFail(error);
      return kurentoManager.exitScreenShare();
    }

    _this.webRtcPeer.generateOffer(_this.onOfferPresenter);
    console.log("Generated peer offer w/ options "  + JSON.stringify(options));
  });
}

Kurento.prototype.onIceCandidate = function(candidate) {
  console.log('Local candidate' + JSON.stringify(candidate));

  var message = {
    id : 'onIceCandidate',
    type: 'screenshare',
    voiceBridge: kurentoHandler.voiceBridge,
    candidate : candidate
  }
  console.log("this object " + JSON.stringify(this, null, 2));
  kurentoHandler.sendMessage(message);
}

Kurento.prototype.onViewerIceCandidate = function(candidate) {
  console.log('Viewer local candidate' + JSON.stringify(candidate));

  var message = {
    id : 'viewerIceCandidate',
    type: 'screenshare',
    voiceBridge: kurentoHandler.voiceBridge,
    candidate : candidate,
    callerName: kurentoHandler.caller_id_name
  }
  console.log("this object " + JSON.stringify(this, null, 2));
  kurentoHandler.sendMessage(message);
}

Kurento.prototype.setWatchVideo = function (tag) {
  this.useVideo = true;
  this.useCamera = 'none';
  this.useMic = 'none';
  this.mediaCallback = this.viewer;
  this.create(tag);
};

Kurento.prototype.viewer = function () {
  var self = this;
  if (!this.webRtcPeer) {

    var options = {
      remoteVideo: document.getElementById(this.renderTag),
      onicecandidate : this.onViewerIceCandidate
    }

    self.webRtcPeer = kurentoUtils.WebRtcPeer.WebRtcPeerRecvonly(options, function(error) {
      if(error) {
        return kurentoHandler.onFail(error);
      }

      this.generateOffer(self.onOfferViewer);
    });
  }
};

Kurento.prototype.onOfferViewer = function (error, offerSdp) {
  if(error)  {
    console.log("Kurento.prototype.onOfferViewer Error " + error);
    return kurentoHandler.onFail();
  }
  var message = {
    id : 'viewer',
    type: 'screenshare',
    internalMeetingId: kurentoHandler.internalMeetingId,
    voiceBridge: kurentoHandler.voiceBridge,
    callerName : kurentoHandler.caller_id_name,
    sdpOffer : offerSdp
  };

  console.log("onOfferViewer sending to screenshare server => " + JSON.stringify(message, null, 2));
  kurentoHandler.sendMessage(message);
};

Kurento.prototype.ping = function() {
   var message = {
    id : 'ping',
    type: 'screenshare',
    internalMeetingId: kurentoHandler.internalMeetingId,
    voiceBridge: kurentoHandler.voiceBridge,
    callerName : kurentoHandler.caller_id_name,
  };

  kurentoHandler.sendMessage(message);
}

Kurento.prototype.stop = function() {
  if (this.webRtcPeer) {
    var message = {
      id : 'stop',
      type : 'screenshare',
      voiceBridge: kurentoHandler.voiceBridge
    }
    kurentoHandler.sendMessage(message);
    kurentoHandler.disposeScreenShare();
  }
}

Kurento.prototype.dispose = function() {
  if (this.webRtcPeer) {
    this.webRtcPeer.dispose();
    this.webRtcPeer = null;
  }
}

Kurento.prototype.disposeScreenShare = function() {
  if (this.webRtcPeer) {
    this.webRtcPeer.dispose();
    this.webRtcPeer = null;
  }
}

Kurento.prototype.sendMessage = function(message) {
  var jsonMessage = JSON.stringify(message);
  console.log('Sending message: ' + jsonMessage);
  this.ws.send(jsonMessage);
}

Kurento.prototype.logger = function (obj) {
  console.log(obj);
};

Kurento.prototype.logError = function (obj) {
  console.error(obj);
};

Kurento.prototype.getChromeScreenConstraints = function(callback, extensionId) {
  chrome.runtime.sendMessage(extensionId, {
    getStream: true,
    sources: [
      "window",
      "screen",
      "tab"
    ]},
    function(response) {
      console.log(response);
      callback(response);
    });
};

Kurento.normalizeCallback = function (callback) {
  if (typeof callback == 'function') {
    return callback;
  } else {
    console.log(document.getElementById('BigBlueButton')[callback]);
    return function (args) {
      document.getElementById('BigBlueButton')[callback](args);
    };
  }
};

/* Global methods */

// this function explains how to use above methods/objects
window.getScreenConstraints = function(sendSource, callback) {
  var _this = this;
  var chromeMediaSourceId = sendSource;
  if(isChrome) {
    kurentoHandler.getChromeScreenConstraints (function (constraints) {

      var sourceId = constraints.streamId;

      // this statement sets gets 'sourceId" and sets "chromeMediaSourceId"
      kurentoHandler.screenConstraints.video.chromeMediaSource = { exact: [sendSource]};
      kurentoHandler.screenConstraints.video.chromeMediaSourceId= sourceId;
      console.log("getScreenConstraints for Chrome returns => " +JSON.stringify(kurentoHandler.screenConstraints, null, 2));
      // now invoking native getUserMedia API
      callback(null, kurentoHandler.screenConstraints);

    }, kurentoHandler.chromeExtension);
  }
  else if (isFirefox) {
    kurentoHandler.screenConstraints.video.mediaSource= "screen";
    kurentoHandler.screenConstraints.video.width= {max: kurentoHandler.vid_width};
    kurentoHandler.screenConstraints.video.height = {max:  kurentoHandler.vid_height};

    console.log("getScreenConstraints for Firefox returns => " +JSON.stringify(kurentoHandler.screenConstraints, null, 2));
    // now invoking native getUserMedia API
    callback(null, kurentoHandler.screenConstraints);
  }
}

window.kurentoInitialize = function () {
  if (window.kurentoManager == null || window.KurentoManager == undefined) {
    window.kurentoManager = new KurentoManager();
  }
};

window.kurentoShareScreen = function() {
  window.kurentoInitialize();
  window.kurentoManager.shareScreen.apply(window.kurentoManager, arguments);
};


window.kurentoExitScreenShare = function () {
  window.kurentoInitialize();
  window.kurentoManager.exitScreenShare();
};

window.kurentoWatchVideo = function () {
  window.kurentoInitialize();
  window.kurentoManager.joinWatchVideo.apply(window.kurentoManager, arguments);
};

window.kurentoExitVideo = function () {
  // TODO kurentoExitVideo()
}