diff --git a/labs/html5-embed/public/css/layout.css b/labs/html5-embed/public/css/layout.css
index 76b05a29287a57892d3ff38c559961a5efbfd8d3..ef8b499fbc6a8bb173968f88cb4c95b26f8bc4f9 100755
--- a/labs/html5-embed/public/css/layout.css
+++ b/labs/html5-embed/public/css/layout.css
@@ -10,7 +10,7 @@ body { font: 12px Arial, Helvetica, "Helvetica Neue", sans-serif }
height: 100%;
}
-#presentation {
+#content {
position: absolute;
background: #aaa;
top: 0;
@@ -44,14 +44,14 @@ body { font: 12px Arial, Helvetica, "Helvetica Neue", sans-serif }
z-index: 0;
}
-.chat-enabled > #presentation {
+.chat-enabled > #content {
right: 300px;
}
-.users-enabled > #presentation {
+.users-enabled > #content {
left: 200px;
}
-#presentation object {
+#content object {
display: block;
position: absolute;
max-width: 100%;
diff --git a/labs/html5-embed/public/index.html b/labs/html5-embed/public/index.html
index 782a43baf5619b9f90a137298d8e3f10655a44ce..1d4cec362624ad54f3686cebb210e172ead0b51b 100755
--- a/labs/html5-embed/public/index.html
+++ b/labs/html5-embed/public/index.html
@@ -11,13 +11,72 @@
<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">
+ <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>
<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/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="sendPublicChat()">Send Public Chat</button>
+ <button type="button" onclick="sendPrivateChat()">Send Private Chat</button>
+ </div>
<div id="layout">
- <div id="presentation">
- <object data="FreshFlower.jpg"></object>
+ <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>
diff --git a/labs/html5-embed/public/templates/home/main.html b/labs/html5-embed/public/templates/home/main.html
index 5f42422c89dba0baca198aedff480bc8030878fa..139597f9cb07c5d48bed18984ec4747f4b4f3438 100755
--- a/labs/html5-embed/public/templates/home/main.html
+++ b/labs/html5-embed/public/templates/home/main.html
@@ -1,4 +1,2 @@
-<ul>
- <li>Hello BigBlueButton!</li>
-</ul>
+