bigbluebutton-Github/labs/html5-embed/public/index.html

112 lines
5.6 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
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]-->
<head>
2012-10-26 05:12:21 +08:00
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<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-26 23:11:06 +08:00
<style type="text/css" media="screen">
html, body { height:100%; }
body { margin:0; padding:0; overflow:hidden; }
#altContent { /* style alt content */ }
</style>
<script type="text/javascript" src="http://192.168.0.249/client/swfobject/swfobject.js"></script>
<script type="text/javascript">
swfobject.registerObject("BigBlueButton", "11", "expressInstall.swf");
</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>
<script type="text/javascript" src="http://192.168.0.235/3rd-party.js"></script>
<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>
</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>
<button type="button" onclick="sendPublicChat()">Send Public Chat</button>
<button type="button" onclick="sendPrivateChat()">Send Private Chat</button>
</div>
<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>
</div>
<div id="users">
<h3>Users</h3>
</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>
</body>
</html>