podchat-browser
Version:
Javascript SDK to use POD's Chat Service - Browser Only
421 lines (356 loc) • 15.2 kB
JavaScript
;
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.WebrtcPeerConnection = WebrtcPeerConnection;
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
function WebrtcPeerConnection(_ref) {
var callId = _ref.callId,
direction = _ref.direction,
rtcPeerConfig = _ref.rtcPeerConfig,
_ref$connectionStateC = _ref.connectionStateChange,
connectionStateChange = _ref$connectionStateC === void 0 ? null : _ref$connectionStateC,
_ref$iceConnectionSta = _ref.iceConnectionStateChange,
iceConnectionStateChange = _ref$iceConnectionSta === void 0 ? null : _ref$iceConnectionSta,
onTrackCallback = _ref.onTrackCallback;
var config = {
rtcPeerConfig: rtcPeerConfig,
direction: direction,
offer: null,
peerConnection: null,
dataChannel: null,
candidatesQueue: []
};
function createPeer() {
try {
config.peerConnection = new RTCPeerConnection(config.rtcPeerConfig);
} catch (err) {
console.error("[SDK][WebrtcPeerConnection][createPeer]", err);
}
config.peerConnection.onconnectionstatechange = connectionStateChange;
config.peerConnection.oniceconnectionstatechange = iceConnectionStateChange;
config.peerConnection.addEventListener('signalingstatechange', signalingStateChangeCallback); // config.peerConnection.addEventListener('track', onRemoteTrack);
}
createPeer();
function onRemoteTrack(_x) {
return _onRemoteTrack.apply(this, arguments);
}
function _onRemoteTrack() {
_onRemoteTrack = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee5(event) {
var track, streams;
return _regenerator["default"].wrap(function _callee5$(_context5) {
while (1) {
switch (_context5.prev = _context5.next) {
case 0:
track = event.track, streams = event.streams;
track.onunmute = function () {
var newStream = new MediaStream([track]);
onTrackCallback && onTrackCallback(newStream);
};
case 2:
case "end":
return _context5.stop();
}
}
}, _callee5);
}));
return _onRemoteTrack.apply(this, arguments);
}
function getLocalStreams() {
if (!config.peerConnection) return [];
var stream = new MediaStream();
config.peerConnection.getSenders().forEach(function (sender) {
stream.addTrack(sender.track);
});
return [stream];
}
;
function getRemoteStreams() {
if (!config.peerConnection) return [];
var stream = new MediaStream();
config.peerConnection.getReceivers().forEach(function (sender) {
stream.addTrack(sender.track);
});
return [stream];
}
;
function addTrackToPeer(track, stream) {
config.peerConnection.addTrack(track, stream);
}
function signalingStateChangeCallback() {
switch (config.peerConnection.signalingState) {
case 'stable':
addTheCandidates();
break;
case 'closed': //TODO: notify topicManager to do sth
}
}
function addTheCandidates() {
while (config.candidatesQueue.length) {
var entry = config.candidatesQueue.shift();
config.peerConnection.addIceCandidate(entry.candidate, entry.callback, entry.callback);
}
}
return {
peerConnection: config.peerConnection,
addTrack: function addTrack(streamTrack, stream) {
addTrackToPeer(streamTrack, stream);
},
dispose: function dispose() {
if (config.peerConnection) {
config.peerConnection.ontrack = null;
config.peerConnection.onremovetrack = null;
config.peerConnection.onicecandidate = null;
config.peerConnection.oniceconnectionstatechange = null;
config.peerConnection.onsignalingstatechange = null;
if (config.peerConnection.signalingState !== 'closed') {
if (direction != 'send') {
getRemoteStreams().forEach(function (stream) {
stream.getTracks().forEach(function (track) {
track.enabled = false;
});
});
}
config.peerConnection.close();
}
config.peerConnection = null;
}
},
generateOffer: function generateOffer(callback) {
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
return _regenerator["default"].wrap(function _callee$(_context) {
while (1) {
switch (_context.prev = _context.next) {
case 0:
if (config.direction == 'send') {
config.peerConnection.getTransceivers().forEach(function (transceiver) {
transceiver.direction = "sendonly";
});
} else {
config.peerConnection.addTransceiver(config.mediaType, {
direction: 'recvonly'
});
}
_context.prev = 1;
_context.next = 4;
return config.peerConnection.setLocalDescription();
case 4:
callback && callback(null, config.peerConnection.localDescription.sdp);
_context.next = 10;
break;
case 7:
_context.prev = 7;
_context.t0 = _context["catch"](1);
callback && callback(_context.t0, null);
case 10:
case "end":
return _context.stop();
}
}
}, _callee, null, [[1, 7]]);
}))();
},
processOffer: function processOffer(sdpOffer, callback) {
callback = callback.bind(this);
var offer = new RTCSessionDescription({
type: 'offer',
sdp: sdpOffer
});
if (config.peerConnection.signalingState === 'closed') {
return callback('[SDK][WebRtcModule] PeerConnection is closed');
}
config.peerConnection.setRemoteDescription(offer).then(function () {
return; //setRemoteStream()
}).then(function () {
return config.peerConnection.createAnswer();
}).then(function (answer) {
console.debug('[SDK][WebRtcModule] Created SDP answer');
return config.peerConnection.setLocalDescription(answer);
}).then(function () {
var localDescription = config.peerConnection.localDescription; // console.debug('[SDK][WebRtcModule] Local description set\n', localDescription.sdp)
callback(undefined, localDescription.sdp);
})["catch"](callback);
},
processAnswer: function processAnswer(sdpAnswer, callback) {
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
var answer, descriptionInit;
return _regenerator["default"].wrap(function _callee2$(_context2) {
while (1) {
switch (_context2.prev = _context2.next) {
case 0:
if (!(config.peerConnection.signalingState === 'closed')) {
_context2.next = 2;
break;
}
return _context2.abrupt("return", callback('[SDK][WebRtcModule] PeerConnection is closed'));
case 2:
if (!(config.peerConnection.signalingState === 'stable')) {
_context2.next = 4;
break;
}
return _context2.abrupt("return", callback('[SDK][WebRtcModule] PeerConnection is already stable'));
case 4:
descriptionInit = {
type: "answer",
sdp: sdpAnswer
};
answer = new RTCSessionDescription(descriptionInit);
_context2.prev = 6;
_context2.next = 9;
return config.peerConnection.setRemoteDescription(answer);
case 9:
callback && callback();
_context2.next = 15;
break;
case 12:
_context2.prev = 12;
_context2.t0 = _context2["catch"](6);
callback && callback(_context2.t0);
case 15:
case "end":
return _context2.stop();
}
}
}, _callee2, null, [[6, 12]]);
}))();
},
switchVideoStream: function switchVideoStream(currentTrackId, newStream) {
if (!newStream) {
return;
}
var transceivers = config.peerConnection.getTransceivers();
var _iterator = _createForOfIteratorHelper(transceivers),
_step;
try {
for (_iterator.s(); !(_step = _iterator.n()).done;) {
var transceiver = _step.value;
if (transceiver.sender && transceiver.sender.track && transceiver.sender.track.kind === 'video') {
if (currentTrackId === transceiver.sender.track.id) {
transceiver.sender.replaceTrack(newStream.getVideoTracks()[0]);
return newStream.getTracks()[0].id;
}
}
}
} catch (err) {
_iterator.e(err);
} finally {
_iterator.f();
}
},
switchAudioStream: function switchAudioStream(newStream) {
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee3() {
var transceivers, _iterator2, _step2, transceiver;
return _regenerator["default"].wrap(function _callee3$(_context3) {
while (1) {
switch (_context3.prev = _context3.next) {
case 0:
transceivers = config.peerConnection.getTransceivers();
_iterator2 = _createForOfIteratorHelper(transceivers);
_context3.prev = 2;
_iterator2.s();
case 4:
if ((_step2 = _iterator2.n()).done) {
_context3.next = 11;
break;
}
transceiver = _step2.value;
if (!(transceiver.sender && transceiver.sender.track && transceiver.sender.track.kind === 'audio')) {
_context3.next = 9;
break;
}
_context3.next = 9;
return transceiver.sender.replaceTrack(newStream.getAudioTracks()[0]);
case 9:
_context3.next = 4;
break;
case 11:
_context3.next = 16;
break;
case 13:
_context3.prev = 13;
_context3.t0 = _context3["catch"](2);
_iterator2.e(_context3.t0);
case 16:
_context3.prev = 16;
_iterator2.f();
return _context3.finish(16);
case 19:
case "end":
return _context3.stop();
}
}
}, _callee3, null, [[2, 13, 16, 19]]);
}))();
},
addIceCandidate: function addIceCandidate(candidate, callback) {
config.candidatesQueue.push({
candidate: new RTCIceCandidate(candidate),
callback: callback
});
addTheCandidates();
},
getRemoteStream: function getRemoteStream(index) {
if (config.peerConnection) {
return config.peerConnection.getRemoteStreams()[index || 0];
}
},
getLocalStream: function getLocalStream(index) {
if (config.peerConnection) {
return config.peerConnection.getLocalStreams()[index || 0];
}
},
onConnectionStable: function onConnectionStable(callback) {
config.peerConnection.addEventListener('signalingstatechange', function () {
if (config.peerConnection.signalingState === 'stable') {
callback && callback();
}
});
},
generateSDPAnswer: function generateSDPAnswer() {
return new Promise(function (resolve) {
config.peerConnection.createAnswer(function (answer) {
config.peerConnection.setLocalDescription(answer);
resolve(answer);
}, function (error) {
if (error) {
console.error("error: ", {
error: error
});
}
});
});
},
updateStream: function updateStream(stream) {
return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee4() {
var localTrack, sender;
return _regenerator["default"].wrap(function _callee4$(_context4) {
while (1) {
switch (_context4.prev = _context4.next) {
case 0:
localTrack = stream.getTracks()[0];
sender = config.peerConnection.getSenders()[0];
if (sender) {
_context4.next = 6;
break;
}
config.peerConnection.addTrack(localTrack); // will create sender, streamless track must be handled on another side here
_context4.next = 8;
break;
case 6:
_context4.next = 8;
return sender.replaceTrack(localTrack);
case 8:
case "end":
return _context4.stop();
}
}
}, _callee4);
}))();
}
};
}