convert these to symlinks with janus pkg
This commit is contained in:
petrucci4prez
parent
05b38370c6
commit
0864ab9977
2156
static/janus.js
2156
static/janus.js
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1 @@
|
||||||
|
/usr/share/janus/demos/janus.js
|
||||||
|
|
@ -1,245 +0,0 @@
|
||||||
// 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 gateway. 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 gateway (or pool of gateways),
|
|
||||||
// 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 + ":8088/janus";
|
|
||||||
//~ else
|
|
||||||
//~ server = "https://" + window.location.hostname + ":8089/janus";
|
|
||||||
|
|
||||||
var server = "/janus";
|
|
||||||
|
|
||||||
var janus = null;
|
|
||||||
var streaming = null;
|
|
||||||
var started = false;
|
|
||||||
var spinner = null;
|
|
||||||
|
|
||||||
var selectedStream = 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').click(function() {
|
|
||||||
if(started)
|
|
||||||
return;
|
|
||||||
started = true;
|
|
||||||
$(this).attr('disabled', true).unbind('click');
|
|
||||||
// Make sure the browser supports WebRTC
|
|
||||||
if(!Janus.isWebrtcSupported()) {
|
|
||||||
bootbox.alert("No WebRTC support... ");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
// Create session
|
|
||||||
janus = new Janus(
|
|
||||||
{
|
|
||||||
server: server,
|
|
||||||
success: function() {
|
|
||||||
// Attach to streaming plugin
|
|
||||||
janus.attach(
|
|
||||||
{
|
|
||||||
plugin: "janus.plugin.streaming",
|
|
||||||
success: function(pluginHandle) {
|
|
||||||
//~ $('#details').remove();
|
|
||||||
streaming = pluginHandle;
|
|
||||||
Janus.log("Plugin attached! (" + streaming.getPlugin() + ", id=" + streaming.getId() + ")");
|
|
||||||
// Setup streaming session
|
|
||||||
$('#update-streams').click(updateStreamsList);
|
|
||||||
updateStreamsList();
|
|
||||||
//~ $('#start').removeAttr('disabled').html("Stop")
|
|
||||||
//~ .click(function() {
|
|
||||||
//~ $(this).attr('disabled', true);
|
|
||||||
//~ janus.destroy();
|
|
||||||
//~ $('#streamslist').attr('disabled', true);
|
|
||||||
//~ $('#watch').attr('disabled', true).unbind('click');
|
|
||||||
//~ $('#start').attr('disabled', true).html("Bye").unbind('click');
|
|
||||||
//~ });
|
|
||||||
},
|
|
||||||
error: function(error) {
|
|
||||||
Janus.error(" -- Error attaching plugin... ", error);
|
|
||||||
bootbox.alert("Error attaching plugin... " + error);
|
|
||||||
},
|
|
||||||
onmessage: function(msg, jsep) {
|
|
||||||
Janus.debug(" ::: Got a message :::");
|
|
||||||
Janus.debug(JSON.stringify(msg));
|
|
||||||
var result = msg["result"];
|
|
||||||
if(result !== null && result !== undefined) {
|
|
||||||
if(result["status"] !== undefined && result["status"] !== null) {
|
|
||||||
var status = result["status"];
|
|
||||||
if(status === 'starting')
|
|
||||||
$('#status').removeClass('hide').text("Starting, please wait...").show();
|
|
||||||
else if(status === 'started')
|
|
||||||
$('#status').removeClass('hide').text("Started").show();
|
|
||||||
else if(status === 'stopped')
|
|
||||||
stopStream();
|
|
||||||
}
|
|
||||||
} else if(msg["error"] !== undefined && msg["error"] !== null) {
|
|
||||||
bootbox.alert(msg["error"]);
|
|
||||||
stopStream();
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if(jsep !== undefined && jsep !== null) {
|
|
||||||
Janus.debug("Handling SDP as well...");
|
|
||||||
Janus.debug(jsep);
|
|
||||||
// Answer
|
|
||||||
streaming.createAnswer(
|
|
||||||
{
|
|
||||||
jsep: jsep,
|
|
||||||
media: { audioSend: false, videoSend: false }, // We want recvonly audio/video
|
|
||||||
success: function(jsep) {
|
|
||||||
Janus.debug("Got SDP!");
|
|
||||||
Janus.debug(jsep);
|
|
||||||
var body = { "request": "start" };
|
|
||||||
streaming.send({"message": body, "jsep": jsep});
|
|
||||||
$('#watch').html("Stop").removeAttr('disabled').click(stopStream);
|
|
||||||
},
|
|
||||||
error: function(error) {
|
|
||||||
Janus.error("WebRTC error:", error);
|
|
||||||
bootbox.alert("WebRTC error... " + JSON.stringify(error));
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
},
|
|
||||||
onremotestream: function(stream) {
|
|
||||||
Janus.debug(" ::: Got a remote stream :::");
|
|
||||||
Janus.debug(JSON.stringify(stream));
|
|
||||||
if($('#remotevideo').length === 0)
|
|
||||||
$('#stream').append('<video class="centered hide" id="remotevideo" width=640 height=480 autoplay/>');
|
|
||||||
// Show the stream and hide the spinner when we get a playing event
|
|
||||||
$("#remotevideo").bind("playing", function () {
|
|
||||||
$('#waitingvideo').remove();
|
|
||||||
$('#remotevideo').removeClass('hide');
|
|
||||||
if(spinner !== null && spinner !== undefined)
|
|
||||||
spinner.stop();
|
|
||||||
spinner = null;
|
|
||||||
});
|
|
||||||
Janus.attachMediaStream($('#remotevideo').get(0), stream);
|
|
||||||
},
|
|
||||||
oncleanup: function() {
|
|
||||||
Janus.log(" ::: Got a cleanup notification :::");
|
|
||||||
$('#waitingvideo').remove();
|
|
||||||
$('#remotevideo').remove();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
|
||||||
error: function(error) {
|
|
||||||
Janus.error(error);
|
|
||||||
bootbox.alert(error, function() {
|
|
||||||
window.location.reload();
|
|
||||||
});
|
|
||||||
},
|
|
||||||
destroyed: function() {
|
|
||||||
window.location.reload();
|
|
||||||
}
|
|
||||||
});
|
|
||||||
//~ });
|
|
||||||
}});
|
|
||||||
});
|
|
||||||
|
|
||||||
function updateStreamsList() {
|
|
||||||
$('#update-streams').unbind('click').addClass('fa-spin');
|
|
||||||
var body = { "request": "list" };
|
|
||||||
Janus.debug("Sending message (" + JSON.stringify(body) + ")");
|
|
||||||
streaming.send({"message": body, success: function(result) {
|
|
||||||
setTimeout(function() {
|
|
||||||
$('#update-streams').removeClass('fa-spin').click(updateStreamsList);
|
|
||||||
}, 500);
|
|
||||||
if(result === null || result === undefined) {
|
|
||||||
bootbox.alert("Got no response to our query for available streams");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
if(result["list"] !== undefined && result["list"] !== null) {
|
|
||||||
//~ $('#streams').removeClass('hide').show();
|
|
||||||
$('#streamslist').empty();
|
|
||||||
$('#watch').attr('disabled', true).unbind('click');
|
|
||||||
var list = result["list"];
|
|
||||||
Janus.log("Got a list of available streams");
|
|
||||||
Janus.debug(list);
|
|
||||||
for(var mp in list) {
|
|
||||||
Janus.debug(" >> [" + list[mp]["id"] + "] " + list[mp]["description"] + " (" + list[mp]["type"] + ")");
|
|
||||||
$('#streamslist').append("<li><a href='#' id='" + list[mp]["id"] + "'>" + list[mp]["description"] + " (" + list[mp]["type"] + ")" + "</a></li>");
|
|
||||||
}
|
|
||||||
$('#streamslist a').unbind('click').click(function() {
|
|
||||||
selectedStream = $(this).attr("id");
|
|
||||||
$('#streamset').html($(this).html()).parent().removeClass('open');
|
|
||||||
return false;
|
|
||||||
|
|
||||||
});
|
|
||||||
$('#watch').removeAttr('disabled').click(startStream);
|
|
||||||
}
|
|
||||||
}});
|
|
||||||
}
|
|
||||||
|
|
||||||
function startStream() {
|
|
||||||
Janus.log("Selected video id #" + selectedStream);
|
|
||||||
if(selectedStream === undefined || selectedStream === null) {
|
|
||||||
bootbox.alert("Select a stream from the list");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
$('#streamset').attr('disabled', true);
|
|
||||||
$('#streamslist').attr('disabled', true);
|
|
||||||
$('#watch').attr('disabled', true).unbind('click');
|
|
||||||
var body = { "request": "watch", id: parseInt(selectedStream) };
|
|
||||||
streaming.send({"message": body});
|
|
||||||
// No remote video yet
|
|
||||||
$('#stream').append('<video class="centered" id="waitingvideo" width=640 height=480 />');
|
|
||||||
if(spinner == null) {
|
|
||||||
var target = document.getElementById('stream');
|
|
||||||
spinner = new Spinner({top:100}).spin(target);
|
|
||||||
} else {
|
|
||||||
spinner.spin();
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function stopStream() {
|
|
||||||
$('#watch').attr('disabled', true).unbind('click');
|
|
||||||
var body = { "request": "stop" };
|
|
||||||
streaming.send({"message": body});
|
|
||||||
streaming.hangup();
|
|
||||||
$('#streamset').removeAttr('disabled');
|
|
||||||
$('#streamslist').removeAttr('disabled');
|
|
||||||
$('#watch').html("Start").removeAttr('disabled').click(startStream);
|
|
||||||
$('#status').empty().hide();
|
|
||||||
}
|
|
||||||
|
|
@ -0,0 +1 @@
|
||||||
|
/usr/share/janus/demos/streamingtest.js
|
||||||
Loading…
Reference in New Issue