2012-10-26 05:12:21 +08:00
|
|
|
<!doctype html>
|
|
|
|
|
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
|
|
|
|
|
<!--[if IE 7]> <html class="no-js ie7 oldie" lang="en"> <![endif]-->
|
|
|
|
|
<!--[if IE 8]> <html class="no-js ie8 oldie" lang="en"> <![endif]-->
|
|
|
|
|
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
|
2012-10-26 03:32:19 +08:00
|
|
|
<head>
|
2012-10-26 05:12:21 +08:00
|
|
|
<meta charset="utf-8">
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
2012-10-26 03:32:19 +08:00
|
|
|
<title>BigBlueButton</title>
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/reset.css">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/font-awesome.css">
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="css/layout.css">
|
2012-10-27 02:07:43 +08:00
|
|
|
|
2012-10-27 04:22:19 +08:00
|
|
|
<script type="text/javascript" src="http://192.168.0.249/client/swfobject/swfobject.js"></script>
|
|
|
|
|
<script type="text/javascript">
|
2012-10-27 02:07:43 +08:00
|
|
|
swfobject.registerObject("BigBlueButton", "11", "expressInstall.swf");
|
2012-10-26 23:11:06 +08:00
|
|
|
</script>
|
2012-10-26 05:12:21 +08:00
|
|
|
<script src="js/lib/jquery-1.7.2.min.js"></script>
|
2012-10-26 23:11:06 +08:00
|
|
|
<script src="http://192.168.0.249/client/lib/bigbluebutton.js" language="javascript"></script>
|
|
|
|
|
<script src="http://192.168.0.249/client/lib/bbb_localization.js" language="javascript"></script>
|
|
|
|
|
<script src="http://192.168.0.249/client/lib/bbb_blinker.js" language="javascript"></script>
|
|
|
|
|
<script src="http://192.168.0.249/client/lib/bbb_deskshare.js" language="javascript"></script>
|
|
|
|
|
<script type="text/javascript" src="http://192.168.0.249/client/lib/bbb_api_bridge.js"></script>
|
2012-10-27 04:22:19 +08:00
|
|
|
<script type="text/javascript" src="http://192.168.0.235/html5-embed/public/js/lib/3rd-party.js"></script>
|
2012-10-26 23:11:06 +08:00
|
|
|
<script>
|
|
|
|
|
window.displayBBBClient = function() {
|
|
|
|
|
var bbbc = document.getElementById("content");
|
|
|
|
|
bbbc.style.display = "block";
|
|
|
|
|
}
|
|
|
|
|
window.onload = function() {
|
|
|
|
|
registerListeners();
|
|
|
|
|
}
|
|
|
|
|
</script>
|
2012-10-26 05:12:21 +08:00
|
|
|
<script data-main="js/main" src="js/libs/require/require.js"></script>
|
2012-10-26 03:32:19 +08:00
|
|
|
</head>
|
|
|
|
|
<body>
|
2012-10-26 23:11:06 +08:00
|
|
|
<div id="controls">
|
|
|
|
|
<button type="button" onclick="displayBBBClient()">Show Client</button>
|
|
|
|
|
<button type="button" onclick="BBB.shareVideoCamera()">Webcam</button>
|
|
|
|
|
<button type="button" onclick="joinVoiceConference2()">Join Voice</button>
|
|
|
|
|
<button type="button" onclick="getMyRoleAsynch()">Get My Role Asynch</button>
|
|
|
|
|
<button type="button" onclick="getMyRoleSynch()">Get My Role Synch</button>
|
|
|
|
|
<button type="button" onclick="muteMe()">Mute Me</button>
|
|
|
|
|
<button type="button" onclick="unmuteMe()">Unmute Me</button>
|
|
|
|
|
<button type="button" onclick="muteAll()">Mute All</button>
|
|
|
|
|
<button type="button" onclick="unmuteAll()">Unmute All</button>
|
|
|
|
|
<button type="button" onclick="switchLayout('Video Chat')">Switch Video Layout</button>
|
|
|
|
|
<button type="button" onclick="switchLayout('Default')">Switch Default Layout</button>
|
2012-11-02 02:45:51 +08:00
|
|
|
<button type="button" onclick="lockLayout(true)">Lock Layout</button>
|
|
|
|
|
<button type="button" onclick="lockLayout(false)">Unlock Layout</button>
|
2012-10-26 23:11:06 +08:00
|
|
|
<button type="button" onclick="sendPublicChat()">Send Public Chat</button>
|
|
|
|
|
<button type="button" onclick="sendPrivateChat()">Send Private Chat</button>
|
|
|
|
|
</div>
|
2012-10-28 23:56:03 +08:00
|
|
|
<div id="layout">
|
2012-10-26 23:11:06 +08:00
|
|
|
<div id="content" style="display: block">
|
|
|
|
|
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="100%" height="100%" id="BigBlueButton" name="BigBlueButton" align="middle">
|
|
|
|
|
<param name="movie" value="http://192.168.0.249/client/BigBlueButton.swf?v=VERSION" />
|
|
|
|
|
<param name="quality" value="high" />
|
|
|
|
|
<param name="allowfullscreen" value="true" />
|
|
|
|
|
<param name="bgcolor" value="#869ca7" />
|
|
|
|
|
<param name="wmode" value="window" />
|
|
|
|
|
<param name="allowScriptAccess" value="always" />
|
|
|
|
|
<!--[if !IE]>-->
|
|
|
|
|
<object type="application/x-shockwave-flash" data="http://192.168.0.249/client/BigBlueButton.swf?v=VERSION" width="100%" height="90%" align="middle">
|
|
|
|
|
<param name="quality" value="high" />
|
|
|
|
|
<param name="bgcolor" value="#869ca7" />
|
|
|
|
|
<param name="allowScriptAccess" value="always" />
|
|
|
|
|
<!--<![endif]-->
|
|
|
|
|
<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>
|
|
|
|
|
<!--[if !IE]>-->
|
|
|
|
|
</object>
|
|
|
|
|
<!--<![endif]-->
|
|
|
|
|
</object>
|
2012-10-26 03:32:19 +08:00
|
|
|
</div>
|
|
|
|
|
<div id="users">
|
|
|
|
|
<h3>Users</h3>
|
2012-10-27 06:22:59 +08:00
|
|
|
<ul id="users-list"></ul>
|
2012-10-26 03:32:19 +08:00
|
|
|
</div>
|
|
|
|
|
<div id="chat">
|
|
|
|
|
<h3>Chat</h3>
|
|
|
|
|
<div id="chat-text">
|
|
|
|
|
<p>Chat messages go here</p>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="chat-entry">
|
|
|
|
|
<textarea placeholder="Enter a chat message."></textarea><button>Post</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div id="navbar">
|
|
|
|
|
<div class="navbar-btngroup">
|
|
|
|
|
<button id="prev-slide-btn" class="navbar-btn"><i class="icon-arrow-left"></i>Prev</button>
|
|
|
|
|
<button id="next-slide-btn" class="navbar-btn"><i class="icon-arrow-right"></i>Next</button>
|
|
|
|
|
<button id="tool-pan-btn" class="navbar-btn"><i class="icon-move"></i>Pan</button>
|
|
|
|
|
<button id="tool-draw-btn" class="navbar-btn"><i class="icon-pencil"></i>Draw</button>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="navbar-btngroup pull-right">
|
|
|
|
|
<button id="users-btn" class="navbar-btn"><i class="icon-group"></i>Users</button>
|
|
|
|
|
<button id="video-btn" class="navbar-btn"><i class="icon-facetime-video"></i>Video</button>
|
|
|
|
|
<button id="chat-btn" class="navbar-btn"><i class="icon-comments"></i>Chat<div id="chat-notifications" class="notification">12</div></button>
|
|
|
|
|
<button id="logout-btn" class="navbar-btn"><i class="icon-signout"></i>Logout</button>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</ul>
|
|
|
|
|
</div>
|
|
|
|
|
<script src="js/chat/behaviour.js"></script>
|
2012-10-27 06:22:59 +08:00
|
|
|
<script type="text/template" id="item-template">
|
|
|
|
|
<li>
|
|
|
|
|
User
|
|
|
|
|
</li>
|
|
|
|
|
</script>
|
2012-10-26 03:32:19 +08:00
|
|
|
</body>
|
|
|
|
|
</html>
|
