BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
889aa4ef90
bigbluebutton-Github/bigbluebutton-client/resources/prod/3rd-party.html

151 lines
9.1 KiB
HTML
Raw Normal View History

- add example 3rd-party.js to interact with BBB through JS api
2012-10-05 03:46:23 +08:00
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- extract bbb-api-bridge into it's own js file
2012-09-21 00:17:57 +08:00
<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">
- add more structure
2012-10-25 05:27:44 +08:00
html, body, #flashclient { height:100%; }
- extract bbb-api-bridge into it's own js file
2012-09-21 00:17:57 +08:00
body { margin:0; padding:0; overflow:hidden; }
#altContent { /* style alt content */ }
</style>
- add example 3rd-party.js to interact with BBB through JS api
2012-10-05 03:46:23 +08:00
<script type="text/javascript" src="http://192.168.0.249/client/swfobject/swfobject.js"></script>
- add example wrapper for loading flash client from different server
2012-08-25 05:32:17 +08:00
<script type="text/javascript">
- extract bbb-api-bridge into it's own js file
2012-09-21 00:17:57 +08:00
swfobject.registerObject("BigBlueButton", "11", "expressInstall.swf");
- add sample api calls for switch presenter, stop sharing cam, and leave voice conf
2012-12-13 03:21:09 +08:00
swfobject.registerObject("WebcamPreviewStandalone", "11", "expressInstall.swf");
- show example on how to use webcam standalone apps
2012-12-15 05:02:05 +08:00
swfobject.registerObject("WebcamViewStandalone", "11", "expressInstall.swf");
- add example wrapper for loading flash client from different server
2012-08-25 05:32:17 +08:00
</script>
- add example 3rd-party.js to interact with BBB through JS api
2012-10-05 03:46:23 +08:00
<script src="http://192.168.0.249/client/lib/jquery-1.5.1.min.js" language="javascript"></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>
- rename bbb_sdk.js to reflects it's an api bridge between js and flash - rename event to reflect it's a request to share camera
2012-10-06 02:27:17 +08:00
<script type="text/javascript" src="http://192.168.0.249/client/lib/bbb_api_bridge.js"></script>
- show example on how to use webcam standalone apps
2012-12-15 05:02:05 +08:00
<script type="text/javascript" src="http://192.168.0.249/client/lib/bbb_api_cam_preview.js"></script>
<script type="text/javascript" src="http://192.168.0.249/client/lib/bbb_api_cam_view.js"></script>
- add example 3rd-party.js to interact with BBB through JS api
2012-10-05 03:46:23 +08:00
<script type="text/javascript" src="http://192.168.0.235/3rd-party.js"></script>
- add button to display the flash client
2012-10-06 01:39:45 +08:00
<script>
- sample calls to show how to use the api
2013-01-12 06:27:18 +08:00
window.chatLinkClicked = function(url) {
window.open(url, '_blank');
window.focus();
}
- add button to display the flash client
2012-10-06 01:39:45 +08:00
window.displayBBBClient = function() {
- add more structure
2012-10-25 05:27:44 +08:00
var bbbc = document.getElementById("flashclient");
- add sample api calls for switch presenter, stop sharing cam, and leave voice conf
2012-12-13 03:21:09 +08:00
var wcpc = document.getElementById("webcampreviewclient");
wcpc.style.display = "none";
- add button to display the flash client
2012-10-06 01:39:45 +08:00
bbbc.style.display = "block";
}
- add sample api calls for switch presenter, stop sharing cam, and leave voice conf
2012-12-13 03:21:09 +08:00
window.displayWCClient = function() {
console.log("Displaying webcam preview client");
var wcpc = document.getElementById("webcampreview");
wcpc.style.display = "block";
}
- register for event listeners on load
2012-10-25 03:28:24 +08:00
window.onload = function() {
registerListeners();
}
- add button to display the flash client
2012-10-06 01:39:45 +08:00
</script>
- add example wrapper for loading flash client from different server
2012-08-25 05:32:17 +08:00
</head>
<body>
<div id="controls">
- add listener for voice mute, join/leave, and locked
2012-11-22 03:10:46 +08:00
<button type="button" onclick="registerListeners()">Listen for Events</button>
- add sample api calls for switch presenter, stop sharing cam, and leave voice conf
2012-12-13 03:21:09 +08:00
<button type="button" onclick="displayBBBClient()">Show BBB Client</button>
<button type="button" onclick="displayWCClient()">Show WC Client</button>
<button type="button" onclick="BBB.shareVideoCamera()">Share Webcam</button>
<button type="button" onclick="BBB.stopSharingCamera()">Stop Webcam</button>
<button type="button" onclick="BBB.switchPresenter('x8hxeozsqbk1')">Switch Presenter</button>
- add example 3rd-party.js to interact with BBB through JS api
2012-10-05 03:46:23 +08:00
<button type="button" onclick="joinVoiceConference2()">Join Voice</button>
- add sample api calls for switch presenter, stop sharing cam, and leave voice conf
2012-12-13 03:21:09 +08:00
<button type="button" onclick="leaveVoiceConference2()">Leave Voice</button>
- add JS api to query user id
2012-11-21 04:20:12 +08:00
<button type="button" onclick="getMyUserID()">Get My UserID</button>
- add sample to query meeting id
2012-11-21 03:27:23 +08:00
<button type="button" onclick="getMeetingID()">Get MeetingID</button>
- provide a way to query user's role
2012-10-05 05:24:10 +08:00
<button type="button" onclick="getMyRoleAsynch()">Get My Role Asynch</button>
<button type="button" onclick="getMyRoleSynch()">Get My Role Synch</button>
- add muteme/unmuteme api
2012-10-06 04:54:45 +08:00
<button type="button" onclick="muteMe()">Mute Me</button>
<button type="button" onclick="unmuteMe()">Unmute Me</button>
- add mute/unmute all buttons
2012-10-08 08:56:57 +08:00
<button type="button" onclick="muteAll()">Mute All</button>
<button type="button" onclick="unmuteAll()">Unmute All</button>
- add switch presentation button
2012-11-03 01:09:34 +08:00
<button type="button" onclick="switchLayout('S2SVideoChat')">Switch Video Layout</button>
<button type="button" onclick="switchLayout('S2SPresentation')">Switch Present Layout</button>
- add example in 3rd party html to lock unlock layout
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>
- register for event listeners on load
2012-10-25 03:28:24 +08:00
<button type="button" onclick="sendPublicChat()">Send Public Chat</button>
<button type="button" onclick="sendPrivateChat()">Send Private Chat</button>
- add example API to query if user is presenter
2012-12-14 23:32:08 +08:00
<button type="button" onclick="amIPresenterSync()">Am I Presenter Sync</button>
<button type="button" onclick="amIPresenterAsync()">Am I Presenter Async</button>
- provide example on how to use get user info api
2013-01-12 00:59:30 +08:00
<button type="button" onclick="getMyUserInfoAsynch()">User Info Async</button>
<button type="button" onclick="getMyUserInfoSynch()">UserInfo Sync</button>
initial changes for third party page
2013-05-08 02:05:35 +08:00
<form enctype="multipart/form-data">
<input type="file" name="fileupload" id="fileupload" />
<button type="button" onclick="uploadPresentation()">Upload Presentation</button>
</form>
<progress></progress>
- add example wrapper for loading flash client from different server
2012-08-25 05:32:17 +08:00
</div>
- add example API to query if user is presenter
2012-12-14 23:32:08 +08:00
<div id="webcampreview" style="background-color:#FFD700;height:240px;width:320px;float:left;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540001" width="320" height="240" id="WebcamPreviewStandalone" name="WebcamPreviewStandalone" align="middle">
<param name="movie" value="http://192.168.0.249/client/WebcamPreviewStandalone.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/WebcamPreviewStandalone.swf?v=VERSION" width="100%" height="90%" align="middle">
- show example on how to use webcam standalone apps
2012-12-15 05:02:05 +08:00
<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="webcamview" style="background-color:#FFD700;height:240px;width:320px;float:left;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540002" width="320" height="240" id="WebcamViewStandalone" name="WebcamViewStandalone" align="middle">
<param name="movie" value="http://192.168.0.249/client/WebcamViewStandalone.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/WebcamViewStandalone.swf?v=VERSION" width="100%" height="90%" align="middle">
- add example API to query if user is presenter
2012-12-14 23:32:08 +08:00
<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>
- add sample api calls for switch presenter, stop sharing cam, and leave voice conf
2012-12-13 03:21:09 +08:00
<div id="flashclient" style="background-color:#EEEEEE;height:900px;width:1200px;float:left;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="50%" height="50%" id="BigBlueButton" name="BigBlueButton" align="middle">
- add more structure
2012-10-25 05:27:44 +08:00
<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>
- add example wrapper for loading flash client from different server
2012-08-25 05:32:17 +08:00
<!--<![endif]-->
- add more structure
2012-10-25 05:27:44 +08:00
</object>
- add sample api calls for switch presenter, stop sharing cam, and leave voice conf
2012-12-13 03:21:09 +08:00
</div>
- add example wrapper for loading flash client from different server
2012-08-25 05:32:17 +08:00
<div id="update-display"/>
<div id="notifications" aria-live="polite" role="region" aria-label="Chat Notifications"></div>
</body>
</html>
Reference in New Issue Copy Permalink