/labs/html5-embed/public/index.html
HTML | 113 lines | 105 code | 1 blank | 7 comment | 0 complexity | aa77b5531c090faf3dffd57bd80f06d8 MD5 | raw file
- <!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>
- <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">
- <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>
- <script src="js/lib/jquery-1.7.2.min.js"></script>
- <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/html5-embed/public/js/lib/3rd-party.js"></script>
- <script>
- window.displayBBBClient = function() {
- var bbbc = document.getElementById("content");
- bbbc.style.display = "block";
- }
- window.onload = function() {
- registerListeners();
- }
- </script>
- <script data-main="js/main" src="js/libs/require/require.js"></script>
- </head>
- <body>
- <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="lockLayout(true)">Lock Layout</button>
- <button type="button" onclick="lockLayout(false)">Unlock Layout</button>
- <button type="button" onclick="sendPublicChat()">Send Public Chat</button>
- <button type="button" onclick="sendPrivateChat()">Send Private Chat</button>
- </div>
- <div id="layout">
- <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>
- <ul id="users-list"></ul>
- </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>
- <script type="text/template" id="item-template">
- <li>
- User
- </li>
- </script>
- </body>
- </html>