171 lines
6.6 KiB
HTML
171 lines
6.6 KiB
HTML
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||
|
|
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
|
||
|
|
<head>
|
||
|
|
<title></title>
|
||
|
|
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
|
||
|
|
<style type="text/css" media="screen">
|
||
|
|
html, body, #content { height:100%; }
|
||
|
|
body { margin:0; padding:0; overflow:hidden; }
|
||
|
|
#altContent { /* style alt content */ }
|
||
|
|
.visually-hidden {
|
||
|
|
position: absolute !important;
|
||
|
|
clip: rect(1px 1px, 1px, 1px);
|
||
|
|
clip: rect(1px, 1px, 1px, 1px);
|
||
|
|
padding: 0 !important;
|
||
|
|
border: 0 !important;
|
||
|
|
height: 1px !important;
|
||
|
|
width: 1px !important;
|
||
|
|
overflow: hidden;
|
||
|
|
}
|
||
|
|
|
||
|
|
#deployJavaPlugin {
|
||
|
|
display : none;
|
||
|
|
}
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<script type="text/javascript" src="swfobject/swfobject.js"></script>
|
||
|
|
<script src="lib/deployJava.js?v=264" language="javascript"></script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
//swfobject.registerObject("BigBlueButton", "11", "expressInstall.swf");
|
||
|
|
var flashvars = {};
|
||
|
|
var params = {};
|
||
|
|
params.quality = "high";
|
||
|
|
params.bgcolor = "#869ca7";
|
||
|
|
params.allowfullscreen = "true";
|
||
|
|
params.wmode = "window";
|
||
|
|
params.allowscriptaccess = "true";
|
||
|
|
params.seamlesstabbing = "true";
|
||
|
|
var attributes = {};
|
||
|
|
attributes.id = "BigBlueButton";
|
||
|
|
attributes.name = "BigBlueButton";
|
||
|
|
attributes.align = "middle";
|
||
|
|
attributes.tabIndex = 0;
|
||
|
|
swfobject.embedSWF("BigBlueButton.swf?v=264", "altFlash", "100%", "100%", "11.0.0", "expressInstall.swf", flashvars, params, attributes, embedCallback);
|
||
|
|
|
||
|
|
function embedCallback(e) {
|
||
|
|
// Work around pixel alignment bug with Chrome 21 on Mac.
|
||
|
|
// See: http://code.google.com/p/bigbluebutton/issues/detail?id=1294
|
||
|
|
var objs = $('object');
|
||
|
|
objs.each(function(i, o) {
|
||
|
|
var o = $(o);
|
||
|
|
var top = o.offset().top;
|
||
|
|
var left = o.offset().left;
|
||
|
|
var roundtop = Math.round(top);
|
||
|
|
var roundleft = Math.round(left);
|
||
|
|
o.css("position", "relative");
|
||
|
|
if (roundtop === top) {
|
||
|
|
} else {
|
||
|
|
o.css("top", roundtop - top);
|
||
|
|
}
|
||
|
|
if (roundleft === left) {
|
||
|
|
} else {
|
||
|
|
o.css("left", roundleft - left);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<script src="lib/jquery-1.5.1.min.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/bbblogger.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/bigbluebutton.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/bbb_localization.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/bbb_blinker.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/bbb_deskshare.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/bbb_api_bridge.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/sip.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/bbb_webrtc_bridge_sip.js?v=264" language="javascript"></script>
|
||
|
|
<script src="lib/weburl_regex.js?v=264" language="javascript"></script>
|
||
|
|
<script>
|
||
|
|
window.chatLinkClicked = function(url) {
|
||
|
|
window.open(url, '_blank');
|
||
|
|
window.focus();
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<script type="text/javascript">
|
||
|
|
function html5() {
|
||
|
|
// no Flash detected on the client
|
||
|
|
|
||
|
|
var originalPath, request;
|
||
|
|
originalPath = document.location.pathname;
|
||
|
|
|
||
|
|
// reuse code in a function to log an error when needed
|
||
|
|
var reportError = function() {
|
||
|
|
alert("Unable to load the HTML5 client!");
|
||
|
|
BBBLog.debug("Could not redirect to html5client (the server side does not seem to be running)");
|
||
|
|
}
|
||
|
|
|
||
|
|
var checkRequest = $.ajax({
|
||
|
|
dataType: 'json',
|
||
|
|
url: '/html5client/check'
|
||
|
|
});
|
||
|
|
|
||
|
|
checkRequest.done(function(data) {
|
||
|
|
if(typeof data.html5clientStatus !== "undefined" && data.html5clientStatus !== null) {
|
||
|
|
if(data.html5clientStatus === "running") {
|
||
|
|
// use the enter api to detect the meetingid, userid and authToken
|
||
|
|
// for the attempted joining of the meeting
|
||
|
|
// and reuse them to join via the HTML5 client
|
||
|
|
var enterRequest = $.ajax({
|
||
|
|
dataType: 'json',
|
||
|
|
url: '/bigbluebutton/api/enter'
|
||
|
|
});
|
||
|
|
|
||
|
|
enterRequest.done(function(enterData) {
|
||
|
|
var authToken, meetingId, userId;
|
||
|
|
|
||
|
|
meetingId = enterData.response.meetingID;
|
||
|
|
userId = enterData.response.externUserID;
|
||
|
|
authToken = enterData.response.authToken;
|
||
|
|
|
||
|
|
if ((meetingId != null) && (userId != null) && (authToken != null)) {
|
||
|
|
// redirect to the html5 client with the received info
|
||
|
|
// format <IP>/html5client/<meetingId>/<userId>/<authToken>
|
||
|
|
document.location.pathname = "/html5client/"+meetingId+"/"+userId+"/"+authToken;
|
||
|
|
} else {
|
||
|
|
// go back to the redirection page
|
||
|
|
document.location.pathname = originalPath;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
enterRequest.fail(function(enterData, textStatus, errorThrown){
|
||
|
|
reportError();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
reportError();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
else {
|
||
|
|
reportError();
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
checkRequest.fail(function(data, textStatus, errorThrown){
|
||
|
|
reportError();
|
||
|
|
});
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div>
|
||
|
|
<audio id="remote-media" autoplay="autoplay"></audio>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div id="content">
|
||
|
|
<div id="altFlash" style="width:50%; margin-left: auto; margin-right: auto; ">
|
||
|
|
<h2>You need Flash installed and enabled in order to use the Flash client.</h2>
|
||
|
|
<br/>
|
||
|
|
<div style="width:50%; margin-left: auto; margin-right: auto; ">
|
||
|
|
<a href="http://www.adobe.com/go/getflashplayer">
|
||
|
|
<img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" />
|
||
|
|
</a>
|
||
|
|
<p style="margin-left:50px;" >OR</p>
|
||
|
|
<button type="button" onclick="html5();"><h3>Launch the HTML5 client instead</h3></button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<button id="enterFlash" type="button" class="visually-hidden" onclick="startFlashFocus();" value="Click to focus the client"></button>
|
||
|
|
<div id="clientReady" aria-atomic="false" aria-live="polite"></div>
|
||
|
|
</body>
|
||
|
|
</html>
|