// We make use of this 'server' variable to provide the address of the
// REST Janus API. By default, in this example we assume that Janus is
// co-located with the web server hosting the HTML pages but listening
// on a different port (8088, the default for HTTP in Janus), which is
// why we make use of the 'window.location.hostname' base address. Since
// Janus can also do HTTPS, and considering we don't really want to make
// use of HTTP for Janus if your demos are served on HTTPS, we also rely
// on the 'window.location.protocol' prefix to build the variable, in
// particular to also change the port used to contact Janus (8088 for
// HTTP and 8089 for HTTPS, if enabled).
// In case you place Janus behind an Apache frontend (as we did on the
// online demos at http://janus.conf.meetecho.com) you can just use a
// relative path for the variable, e.g.:
//
// var server = "/janus";
//
// which will take care of this on its own.
//
//
// If you want to use the WebSockets frontend to Janus, instead, you'll
// have to pass a different kind of address, e.g.:
//
// var server = "ws://" + window.location.hostname + ":8188";
//
// Of course this assumes that support for WebSockets has been built in
// when compiling the server. WebSockets support has not been tested
// as much as the REST API, so handle with care!
//
//
// If you have multiple options available, and want to let the library
// autodetect the best way to contact your server (or pool of servers),
// you can also pass an array of servers, e.g., to provide alternative
// means of access (e.g., try WebSockets first and, if that fails, fall
// back to plain HTTP) or just have failover servers:
//
// var server = [
// "ws://" + window.location.hostname + ":8188",
// "/janus"
// ];
//
// This will tell the library to try connecting to each of the servers
// in the presented order. The first working server will be used for
// the whole session.
//
var server = null;
if (window.location.protocol === 'http:')
//server = "http://" + window.location.hostname + ":9020/janus";
// yujianbo
server = "https://" + "10.80.21.211" + ":9022/janus";
else
//server = "https://" + window.location.hostname + ":9022/janus";
// -yujianbo
server = "https://" + "10.80.21.211" + ":9022/janus";
var janus = null;
var tts = null;
var opaqueId = "tts-" + Janus.randomString(12);
var spinner = null;
$(document).ready(function () {
// Initialize the library (all console debuggers enabled)
Janus.init({
debug: "all", callback: function () {
// Use a button to start the demo
$('#start').on('click', function () {
// Make sure the browser supports WebRTC
if (!Janus.isWebrtcSupported()) {
bootbox.alert("No WebRTC support... ");
return;
}
if ($('#tts_url').val().length == 0) {
bootbox.alert("Please input tts url... ");
return;
}
$(this).attr('disabled', true).unbind('click');
// Create session
janus = new Janus(
{
server: window.EZUITalk.opt.rtcUrl,
// No "iceServers" is provided, meaning janus.js will use a default STUN server
// Here are some examples of how an iceServers field may look like to support TURN
// iceServers: [{urls: "turn:yourturnserver.com:3478", username: "janususer", credential: "januspwd"}],
// iceServers: [{urls: "turn:yourturnserver.com:443?transport=tcp", username: "janususer", credential: "januspwd"}],
// iceServers: [{urls: "turns:yourturnserver.com:443?transport=tcp", username: "janususer", credential: "januspwd"}],
// Should the Janus API require authentication, you can specify either the API secret or user token here too
// token: "mytoken",
// or
// apisecret: "serversecret",
success: function () {
// Attach to tts plugin
janus.attach(
{
plugin: "rtcgw.plugin.tts",
opaqueId: opaqueId,
success: function (pluginHandle) {
$('#details').remove();
tts = pluginHandle;
Janus.log("Plugin attached! (" + tts.getPlugin() + ", id=" + tts.getId() + ")");
// Negotiate WebRTC
//var url = "tts://61.130.6.23:8664/talk://D13781761:0:1:cas.ys7.com:6500?97fbd2a75fa94b7682c994d3d1fac8ca:ut.5porslgu79e9r7ca48z32k8abgl3rp58-77bhb6i7xr-1kmumtg-jkhy7pvfr:0:3"
//var url = "tts://10.86.15.209:8664/talk://D13781761:0:1:cas.ys7.com:6500?32db2578ba7c4a84be22ecc0bcd0f8db:ut.5lqpkhim5m7cdk2y5w60g7hm9vd7i3v0-3d2pwhxe2t-11wx2ge-sh4yazbll:0:3"
//var url = "tts://10.86.15.209:8664/talk://D13781761:0:1:cas.ys7.com:6500"
//test12.ys.com
//var url = "tts://10.86.15.209:8664/talk://D08197169:0:1:cas.ys7.com:6500"
//test10.ys.com
//var url = "tts://10.86.29.210:8664/talk://D08197169:0:1:cas.ys7.com:6500"
var url = $('#tts_url').val();
var body = {
"request": "start",
"url": url,
"codec": "opus",
"dir": "sendrecv",
"audio_debug": 1
};
//tts.send({"message": body});
Janus.debug("Trying a createOffer too (audio/video sendrecv)");
tts.createOffer(
{
// No media provided: by default, it's sendrecv for audio and video
media: {audio: true, video: false, data: false}, // Audio only
// If you want to test simulcasting (Chrome and Firefox only), then
// pass a ?simulcast=true when opening this demo page: it will turn
// the following 'simulcast' property to pass to janus.js to true
simulcast: false,
simulcast2: false,
success: function (jsep) {
Janus.debug("Got SDP!");
Janus.debug(jsep);
tts.send({"message": body, "jsep": jsep});
},
error: function (error) {
Janus.error("WebRTC error:", error);
// bootbox.alert("WebRTC error... " + JSON.stringify(error));
}
});
// $('#start').removeAttr('disabled').html("Stop")
// .click(function() {
// $(this).attr('disabled', true);
// janus.destroy();
// });
},
error: function (error) {
console.error(" -- Error attaching plugin...", error);
bootbox.alert("Error attaching plugin... " + error);
},
consentDialog: function (on) {
Janus.debug("Consent dialog should be " + (on ? "on" : "off") + " now");
if (on) {
// Darken screen and show hint
// $.blockUI({
// message: '
',
// css: {
// border: 'none',
// padding: '15px',
// backgroundColor: 'transparent',
// color: '#aaa',
// top: '10px',
// left: (navigator.mozGetUserMedia ? '-100px' : '300px')
// } });
} else {
// Restore screen
// $.unblockUI();
}
},
iceState: function (state) {
Janus.log("ICE state changed to " + state);
},
mediaState: function (medium, on) {
Janus.log("Janus " + (on ? "started" : "stopped") + " receiving our " + medium);
},
webrtcState: function (on) {
Janus.log("Janus says our WebRTC PeerConnection is " + (on ? "up" : "down") + " now");
$("#audioleft").parent().unblock();
},
slowLink: function (uplink, lost) {
Janus.warn("Janus reports problems " + (uplink ? "sending" : "receiving") +
" packets on this PeerConnection (" + lost + " lost packets)");
},
onmessage: function (msg, jsep) {
Janus.debug(" ::: Got a message :::");
Janus.debug(msg);
if (jsep !== undefined && jsep !== null) {
Janus.debug("Handling SDP as well...");
Janus.debug(jsep);
tts.handleRemoteJsep({jsep: jsep});
}
var result = msg["result"];
if (result !== null && result !== undefined) {
if (result === "done") {
// The plugin closed
bootbox.alert("The TTS Test is over");
if (spinner !== null && spinner !== undefined)
spinner.stop();
spinner = null;
$('#myaudio').remove();
//$('#waitingvideo').remove();
$('#peeraudio').remove();
return;
}
// Any loss?
var status = result["status"];
if (status === "slow_link") {
//~ var bitrate = result["bitrate"];
//~ toastr.warning("The bitrate has been cut to " + (bitrate/1000) + "kbps", "Packet loss?", {timeOut: 2000});
toastr.warning("Janus apparently missed many packets we sent, maybe we should reduce the bitrate", "Packet loss?", {timeOut: 2000});
}
}
},
onlocalstream: function (stream) {
Janus.debug(" ::: Got a local stream :::");
Janus.debug(stream);
if ($('#myaudio').length === 0) {
$('#audios').removeClass('hide').show();
$('#audioleft').append('');
}
Janus.attachMediaStream($('#myaudio').get(0), stream);
//$("#myaudio").get(0).muted = "muted";
if (tts.webrtcStuff.pc.iceConnectionState !== "completed" &&
tts.webrtcStuff.pc.iceConnectionState !== "connected") {
// $("#audioleft").parent().block({
// message: 'Publishing...',
// css: {
// border: 'none',
// backgroundColor: 'transparent',
// color: 'white'
// }
// });
// No remote video yet
//$('#audioright').append('');
if (spinner == null) {
var target = document.getElementById('audioright');
//spinner = new Spinner({top:100}).spin(target);
} else {
spinner.spin();
}
}
var audioTracks = stream.getAudioTracks();
if (audioTracks === null || audioTracks === undefined || audioTracks.length === 0) {
$('#myaudio').hide();
} else {
$('#myaudio').removeClass('hide').show();
}
},
onremotestream: function (stream) {
Janus.debug(" ::: Got a remote stream :::");
Janus.debug(stream);
if ($('#peeraudio').length === 0) {
$('#audios').removeClass('hide').show();
$('#audioright').append('');
// Show the video, hide the spinner and show the resolution when we get a playing event
$("#peeraudio").bind("playing", function () {
//$('#waitingvideo').remove();
$('#peeraudio').removeClass('hide').show();
if (spinner !== null && spinner !== undefined)
spinner.stop();
spinner = null;
});
}
Janus.attachMediaStream($('#peeraudio').get(0), stream);
var audioTracks = stream.getAudioTracks();
if (audioTracks === null || audioTracks === undefined || audioTracks.length === 0) {
$('#peeraudio').hide();
} else {
$('#peeraudio').removeClass('hide').show();
}
},
ondataopen: function (data) {
Janus.log("The DataChannel is available!");
},
ondata: function (data) {
Janus.debug("We got data from the DataChannel! " + data);
},
oncleanup: function () {
Janus.log(" ::: Got a cleanup notification :::");
if (spinner !== null && spinner !== undefined)
spinner.stop();
spinner = null;
$('#myaudio').remove();
//$('#waitingvideo').remove();
$("#audioleft").parent().unblock();
$('#peeraudio').remove();
}
});
},
error: function (error) {
Janus.error(error);
bootbox.alert(error, function () {
// window.location.reload();
});
},
destroyed: function () {
// window.location.reload();
}
});
});
window.stopTalk = function () {
janus.destroy();
}
EZUITalkStopTalk = function () {
janus.destroy();
}
// debugger;
window.startTalk = startTalk;
function startTalk() {
// Make sure the browser supports WebRTC
if (!Janus.isWebrtcSupported()) {
bootbox.alert("No WebRTC support... ");
return;
}
// if($('#tts_url').val().length == 0){
// bootbox.alert("Please input tts url... ");
// return;
// }
$(this).attr('disabled', true).unbind('click');
// Create session
janus = new Janus(
{
server: window.EZUITalk.opt.rtcUrl,
// No "iceServers" is provided, meaning janus.js will use a default STUN server
// Here are some examples of how an iceServers field may look like to support TURN
// iceServers: [{urls: "turn:yourturnserver.com:3478", username: "janususer", credential: "januspwd"}],
// iceServers: [{urls: "turn:yourturnserver.com:443?transport=tcp", username: "janususer", credential: "januspwd"}],
// iceServers: [{urls: "turns:yourturnserver.com:443?transport=tcp", username: "janususer", credential: "januspwd"}],
// Should the Janus API require authentication, you can specify either the API secret or user token here too
// token: "mytoken",
// or
// apisecret: "serversecret",
success: function () {
// Attach to tts plugin
janus.attach(
{
plugin: "rtcgw.plugin.tts",
opaqueId: opaqueId,
success: function (pluginHandle) {
$('#details').remove();
tts = pluginHandle;
Janus.log("Plugin attached! (" + tts.getPlugin() + ", id=" + tts.getId() + ")");
// Negotiate WebRTC
//var url = "tts://61.130.6.23:8664/talk://D13781761:0:1:cas.ys7.com:6500?97fbd2a75fa94b7682c994d3d1fac8ca:ut.5porslgu79e9r7ca48z32k8abgl3rp58-77bhb6i7xr-1kmumtg-jkhy7pvfr:0:3"
//var url = "tts://10.86.15.209:8664/talk://D13781761:0:1:cas.ys7.com:6500?32db2578ba7c4a84be22ecc0bcd0f8db:ut.5lqpkhim5m7cdk2y5w60g7hm9vd7i3v0-3d2pwhxe2t-11wx2ge-sh4yazbll:0:3"
//var url = "tts://10.86.15.209:8664/talk://D13781761:0:1:cas.ys7.com:6500"
//test12.ys.com
//var url = "tts://10.86.15.209:8664/talk://D08197169:0:1:cas.ys7.com:6500"
//test10.ys.com
//var url = "tts://10.86.29.210:8664/talk://D08197169:0:1:cas.ys7.com:6500"
var url = window.EZUITalk.opt.talkLink;
console.log("ttsUlr", url);
var body = {
"request": "start",
"url": url,
"codec": "opus",
"dir": "sendrecv",
"audio_debug": 1
};
//tts.send({"message": body});
Janus.debug("Trying a createOffer too (audio/video sendrecv)");
tts.createOffer(
{
// No media provided: by default, it's sendrecv for audio and video
media: {audio: true, video: false, data: false}, // Audio only
// If you want to test simulcasting (Chrome and Firefox only), then
// pass a ?simulcast=true when opening this demo page: it will turn
// the following 'simulcast' property to pass to janus.js to true
simulcast: false,
simulcast2: false,
success: function (jsep) {
Janus.debug("Got SDP!");
Janus.debug(jsep);
tts.send({"message": body, "jsep": jsep});
},
error: function (error) {
Janus.error("WebRTC error:", error);
// bootbox.alert("WebRTC error... " + JSON.stringify(error));
}
});
// $('#start').removeAttr('disabled').html("Stop")
// .click(function() {
// $(this).attr('disabled', true);
// janus.destroy();
// });
},
error: function (error) {
console.error(" -- Error attaching plugin...", error);
bootbox.alert("Error attaching plugin... " + error);
},
consentDialog: function (on) {
Janus.debug("Consent dialog should be " + (on ? "on" : "off") + " now");
if (on) {
// Darken screen and show hint
// $.blockUI({
// message: '
',
// css: {
// border: 'none',
// padding: '15px',
// backgroundColor: 'transparent',
// color: '#aaa',
// top: '10px',
// left: (navigator.mozGetUserMedia ? '-100px' : '300px')
// } });
} else {
// Restore screen
// $.unblockUI();
}
},
iceState: function (state) {
Janus.log("ICE state changed to " + state);
},
mediaState: function (medium, on) {
Janus.log("Janus " + (on ? "started" : "stopped") + " receiving our " + medium);
},
webrtcState: function (on) {
Janus.log("Janus says our WebRTC PeerConnection is " + (on ? "up" : "down") + " now");
// $("#audioleft").parent().unblock();
},
slowLink: function (uplink, lost) {
Janus.warn("Janus reports problems " + (uplink ? "sending" : "receiving") +
" packets on this PeerConnection (" + lost + " lost packets)");
},
onmessage: function (msg, jsep) {
Janus.debug(" ::: Got a message :::");
Janus.debug(msg);
if (jsep !== undefined && jsep !== null) {
Janus.debug("Handling SDP as well...");
Janus.debug(jsep);
tts.handleRemoteJsep({jsep: jsep});
}
var result = msg["result"];
if (result !== null && result !== undefined) {
if (result === "done") {
// The plugin closed
bootbox.alert("The TTS Test is over");
if (spinner !== null && spinner !== undefined)
spinner.stop();
spinner = null;
$('#myaudio').remove();
//$('#waitingvideo').remove();
$('#peeraudio').remove();
return;
}
// Any loss?
var status = result["status"];
if (status === "slow_link") {
//~ var bitrate = result["bitrate"];
//~ toastr.warning("The bitrate has been cut to " + (bitrate/1000) + "kbps", "Packet loss?", {timeOut: 2000});
toastr.warning("Janus apparently missed many packets we sent, maybe we should reduce the bitrate", "Packet loss?", {timeOut: 2000});
}
}
},
onlocalstream: function (stream) {
Janus.debug(" ::: Got a local stream :::");
Janus.debug(stream);
if ($('#myaudio').length === 0) {
$('#audios').removeClass('hide').show();
$('#audioleft').append('');
}
Janus.attachMediaStream($('#myaudio').get(0), stream);
//$("#myaudio").get(0).muted = "muted";
if (tts.webrtcStuff.pc.iceConnectionState !== "completed" &&
tts.webrtcStuff.pc.iceConnectionState !== "connected") {
// $("#audioleft").parent().block({
// message: 'Publishing...',
// css: {
// border: 'none',
// backgroundColor: 'transparent',
// color: 'white'
// }
// });
// No remote video yet
//$('#audioright').append('');
if (spinner == null) {
var target = document.getElementById('audioright');
//spinner = new Spinner({top:100}).spin(target);
} else {
spinner.spin();
}
}
var audioTracks = stream.getAudioTracks();
if (audioTracks === null || audioTracks === undefined || audioTracks.length === 0) {
$('#myaudio').hide();
} else {
$('#myaudio').removeClass('hide').show();
}
},
onremotestream: function (stream) {
Janus.debug(" ::: Got a remote stream :::");
Janus.debug(stream);
if ($('#peeraudio').length === 0) {
$('#audios').removeClass('hide').show();
$('#audioright').append('');
// Show the video, hide the spinner and show the resolution when we get a playing event
$("#peeraudio").bind("playing", function () {
//$('#waitingvideo').remove();
$('#peeraudio').removeClass('hide').show();
if (spinner !== null && spinner !== undefined)
spinner.stop();
spinner = null;
});
}
Janus.attachMediaStream($('#peeraudio').get(0), stream);
var audioTracks = stream.getAudioTracks();
if (audioTracks === null || audioTracks === undefined || audioTracks.length === 0) {
$('#peeraudio').hide();
} else {
$('#peeraudio').removeClass('hide').show();
}
},
ondataopen: function (data) {
Janus.log("The DataChannel is available!");
},
ondata: function (data) {
Janus.debug("We got data from the DataChannel! " + data);
},
oncleanup: function () {
Janus.log(" ::: Got a cleanup notification :::");
if (spinner !== null && spinner !== undefined)
spinner.stop();
spinner = null;
$('#myaudio').remove();
//$('#waitingvideo').remove();
$("#audioleft").parent().unblock();
$('#peeraudio').remove();
}
});
},
error: function (error) {
Janus.error(error);
console.log("error", error)
},
destroyed: function () {
// window.location.reload();
}
});
}
}
});
});
function checkEnter(event) {
var theCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode;
if (theCode == 13) {
sendData();
return false;
} else {
return true;
}
}
// Helper to parse query string
function getQueryStringValue(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
