Server : Apache/2.4.6 (CentOS) OpenSSL/1.0.2k-fips PHP/7.4.20 System : Linux st2.domain.com 3.10.0-1127.10.1.el7.x86_64 #1 SMP Wed Jun 3 14:28:03 UTC 2020 x86_64 User : apache ( 48) PHP Version : 7.4.20 Disable Function : NONE Directory : /proc/self/root/usr/local/FlashphonerWebCallServer/client2/examples/demo/sip/phone/ |
var SESSION_STATUS = Flashphoner.constants.SESSION_STATUS;
var CALL_STATUS = Flashphoner.constants.CALL_STATUS;
var PRELOADER_URL = "../../dependencies/media/preloader.mp4";
var localDisplay;
var remoteDisplay;
var currentCall;
$(document).ready(function () {
loadCallFieldSet();
});
// Include Field Set HTML
function loadCallFieldSet(){
$("#callFieldSet").load("call-fieldset.html",loadCallControls);
}
// Include Call Controls HTML
function loadCallControls(){
$("#callControls").load("call-controls.html", init_page);
}
function init_page(){
//init api
try {
Flashphoner.init({flashMediaProviderSwfLocation: '../../../../media-provider.swf'});
} catch(e) {
$("#notifyFlash").text("Your browser doesn't support Flash or WebRTC technology needed for this example");
return;
}
localDisplay = document.getElementById("localDisplay");
remoteDisplay = document.getElementById("remoteDisplay");
// Set websocket URL
$("#urlServer").val(setURL());
// Display outgoing call controls
showOutgoing();
onHangupOutgoing();
onDisconnected();
$("#holdBtn").click(function(){
var state = $(this).text();
if (state == "Hold") {
$(this).text("Unhold");
currentCall.hold();
} else {
$(this).text("Hold");
currentCall.unhold();
}
$(this).prop('disabled', true);
});
}
function connect(authToken) {
if (Browser.isSafariWebRTC() && Flashphoner.getMediaProviders()[0] === "WebRTC") {
Flashphoner.playFirstVideo(localDisplay, true, PRELOADER_URL).then(function () {
Flashphoner.playFirstVideo(remoteDisplay, false, PRELOADER_URL).then(function () {
createSession(authToken);
});
});
return;
}
createSession(authToken);
}
function createSession(authToken) {
var url = $('#urlServer').val();
var registerRequired = $("#sipRegisterRequired").is(':checked');
var sipOptions = {
login: $("#sipLogin").val(),
authenticationName: $("#sipAuthenticationName").val(),
password: $("#sipPassword").val(),
domain: $("#sipDomain").val(),
outboundProxy: $("#sipOutboundProxy").val(),
port: $("#sipPort").val(),
registerRequired: registerRequired
};
if (authToken) {
connectionOptions = {
urlServer: url,
authToken: authToken,
keepAlive: true
};
} else {
connectionOptions = {
urlServer: url,
sipOptions: sipOptions,
keepAlive: false
};
}
//create session
console.log("Create new session with url " + url);
Flashphoner.createSession(connectionOptions).on(SESSION_STATUS.ESTABLISHED, function(session, connection){
setStatus("#regStatus", SESSION_STATUS.ESTABLISHED);
$("#authToken").val(connection.authToken);
onConnected(session);
if (!registerRequired) {
disableOutgoing(false);
}
}).on(SESSION_STATUS.REGISTERED, function(session){
setStatus("#regStatus", SESSION_STATUS.REGISTERED);
onConnected(session);
if (registerRequired) {
disableOutgoing(false);
}
}).on(SESSION_STATUS.DISCONNECTED, function(){
setStatus("#regStatus", SESSION_STATUS.DISCONNECTED);
onDisconnected();
}).on(SESSION_STATUS.FAILED, function(){
setStatus("#regStatus", SESSION_STATUS.FAILED);
onDisconnected();
}).on(SESSION_STATUS.INCOMING_CALL, function(call){
call.on(CALL_STATUS.RING, function(){
setStatus("#callStatus", CALL_STATUS.RING);
}).on(CALL_STATUS.ESTABLISHED, function(){
setStatus("#callStatus", CALL_STATUS.ESTABLISHED);
$("#holdBtn").prop('disabled',false);
enableMuteToggle(true);
}).on(CALL_STATUS.HOLD, function() {
$("#holdBtn").prop('disabled',false);
}).on(CALL_STATUS.FINISH, function(){
setStatus("#callStatus", CALL_STATUS.FINISH);
onHangupIncoming();
currentCall = null;
}).on(CALL_STATUS.FAILED, function(){
setStatus("#callStatus", CALL_STATUS.FAILED);
onHangupIncoming();
currentCall = null;
});
onIncomingCall(call);
});
}
function call() {
var session = Flashphoner.getSessions()[0];
var constraints = {
audio: true,
video: false
};
//prepare outgoing call
var outCall = session.createCall({
callee: $("#callee").val(),
visibleName: $("#sipLogin").val(),
localVideoDisplay: localDisplay,
remoteVideoDisplay: remoteDisplay,
constraints: constraints,
receiveAudio: true,
receiveVideo: false,
stripCodecs:"SILK"
}).on(CALL_STATUS.RING, function(){
setStatus("#callStatus", CALL_STATUS.RING);
}).on(CALL_STATUS.ESTABLISHED, function(){
setStatus("#callStatus", CALL_STATUS.ESTABLISHED);
$("#holdBtn").prop('disabled',false);
onAnswerOutgoing();
}).on(CALL_STATUS.HOLD, function() {
$("#holdBtn").prop('disabled',false);
}).on(CALL_STATUS.FINISH, function(){
setStatus("#callStatus", CALL_STATUS.FINISH);
onHangupOutgoing();
currentCall = null;
}).on(CALL_STATUS.FAILED, function(){
setStatus("#callStatus", CALL_STATUS.FAILED);
onHangupIncoming();
currentCall = null;
});
outCall.call();
currentCall = outCall;
$("#callBtn").text("Hangup").off('click').click(function(){
$(this).prop('disabled', true);
outCall.hangup();
}).prop('disabled', false);
}
function onConnected(session) {
$("#connectBtn, #connectTokenBtn").text("Disconnect").off('click').click(function(){
$(this).prop('disabled', true);
if (currentCall) {
showOutgoing();
disableOutgoing(true);
setStatus("#callStatus", "");
currentCall.hangup();
}
session.disconnect();
}).prop('disabled', false);
}
function onDisconnected() {
$("#connectBtn").text("Connect").off('click').click(function(){
if (validateForm("formConnection")) {
disableConnectionFields("formConnection", true);
$(this).prop('disabled', true);
connect();
}
}).prop('disabled', false);
$("#connectTokenBtn").text("Connect with token").off('click').click(function(){
if ($("#authToken").val()) {
disableConnectionFields("formTokenConnection", true);
$(this).prop('disabled', true);
connect($("#authToken").val());
}
}).prop('disabled', false);
disableConnectionFields("formConnection", false);
disableOutgoing(true);
showOutgoing();
setStatus("#callStatus", "");
}
function onHangupOutgoing() {
$("#callBtn").text("Call").off('click').click(function(){
if (filledInput($("#callee"))) {
disableOutgoing(true);
call();
}
}).prop('disabled', false);
$('#callee').prop('disabled', false);
$("#callFeatures").hide();
$("#holdBtn").text("Hold");
disableOutgoing(false);
enableMuteToggle(false);
}
function onIncomingCall(inCall) {
currentCall = inCall;
showIncoming(inCall.caller());
$("#answerBtn").off('click').click(function(){
$(this).prop('disabled', true);
var constraints = {
audio: true,
video: false
};
inCall.answer({
localVideoDisplay: localDisplay,
remoteVideoDisplay: remoteDisplay,
receiveVideo: false,
constraints: constraints,
stripCodecs:"SILK"
});
showAnswered();
}).prop('disabled', false);
$("#hangupBtn").off('click').click(function(){
$(this).prop('disabled', true);
$("#answerBtn").prop('disabled', true);
inCall.hangup();
}).prop('disabled', false);
}
function onHangupIncoming() {
showOutgoing();
enableMuteToggle(false);
}
function onAnswerOutgoing() {
enableMuteToggle(true);
$("#callFeatures").show();
}
// Set connection and call status
function setStatus(selector, status) {
var statusField = $(selector);
statusField.text(status).removeClass();
if (status == "REGISTERED" || status == "ESTABLISHED") {
statusField.attr("class","text-success");
} else if (status == "DISCONNECTED" || status == "FINISH") {
statusField.attr("class","text-muted");
} else if (status == "FAILED") {
statusField.attr("class","text-danger");
} else if (status == "TRYING" || status == "RING") {
statusField.attr("class","text-primary");
}
}
// Display view for incoming call
function showIncoming(callerName){
$("#outgoingCall").hide();
$("#incomingCall").show();
$("#incomingCallAlert").show().text("You have a new call from " + callerName);
$("#answerBtn").show();
}
// Display view for outgoing call
function showOutgoing(){
$("#incomingCall").hide();
$("#incomingCallAlert").hide();
$("#outgoingCall").show();
$("#callFeatures").hide();
onHangupOutgoing();
}
function disableOutgoing(disable) {
$('#callee').prop('disabled', disable);
$("#callBtn").prop('disabled', disable);
}
// Display view for answered call
function showAnswered(){
$("#answerBtn").hide();
$("#callFeatures").show();
$("#incomingCallAlert").hide().text("");
}
function disableConnectionFields(formId, disable) {
$('#' + formId + ' :text').each(function(){
$(this).prop('disabled', disable);
});
$('#' + formId + ' :password').prop('disabled', disable);
$('#' + formId + ' :checkbox').prop('disabled', disable);
}
function validateForm(formId) {
var valid = true;
$('#' + formId + ' :text').each(function(){
if(!filledInput($(this)) && valid) {
valid = false;
}
});
if(!filledInput($('#' + formId + ' :password')) && valid) {
valid = false;
}
return valid;
}
function filledInput(input) {
var valid = true;
if (!input.val()) {
valid = false;
input.closest('.input-group').addClass("has-error");
} else {
input.closest('.input-group').removeClass("has-error");
}
return valid;
}
// Mute audio in the call
function mute() {
if (currentCall) {
currentCall.muteAudio();
}
}
// Unmute audio in the call
function unmute() {
if (currentCall) {
currentCall.unmuteAudio();
}
}
function enableMuteToggle(enable) {
var $muteAudioToggle = $("#muteAudioToggle");
if (enable) {
$muteAudioToggle.removeAttr("disabled");
$muteAudioToggle.trigger('change');
}
else {
$muteAudioToggle.prop('checked',false).attr('disabled','disabled').trigger('change');
}
}