286 lines
12 KiB
HTML
286 lines
12 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html>
|
||
<head>
|
||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||
|
||
<title>BigBlueButton - Open Source Web Conferencing</title>
|
||
<meta name="description" content="BigBlueButton enables universities and colleges to deliver a high-quality learning experience to remote students.">
|
||
<meta name="keywords" content="BigBlueButton, Open Source Web Conferencing, Distance Education, Courses Online, Web Conferencing, Open Source, Desktop Sharing, Video Conferencing, Video Collaboration, Presentation Sharing, Audio Sharing, Voice Collaboration, Public Chat, Webcam Sharing, Annotation, Whiteboard, Integrated Voice Over IP, Collaboration Software, Online Collaboration, Collaborative Learning, Virtual Classroom">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<link rel="icon" href="images/favicon.png">
|
||
|
||
<link rel="stylesheet" href="css/bijou.min.css">
|
||
<link rel="stylesheet" href="css/style.css">
|
||
<link rel="stylesheet" href="css/font-awesome.min.css">
|
||
<link rel="stylesheet" href="css/bbb-bootstrap.css">
|
||
|
||
<script src="js/jquery.min.js"></script>
|
||
<script src="js/bootstrap.min.js"></script>
|
||
<script src="js/bigbluebutton.js"></script>
|
||
</head>
|
||
<body>
|
||
<div class='main'>
|
||
|
||
<!-- Github Fork Ribbon -->
|
||
<a href="https://github.com/bigbluebutton/bigbluebutton">
|
||
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" alt="Fork me on GitHub">
|
||
</a>
|
||
|
||
<!-- Messages -->
|
||
<div id='messages' class='hidden'>
|
||
</div>
|
||
|
||
<!-- Header -->
|
||
<div class='navbar'>
|
||
<div class='container'>
|
||
<div class="logo">
|
||
<img src="images/bbb-logo.png" width="240" alt="BigBlueButton Demo"/>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Body -->
|
||
<div class='container'>
|
||
|
||
|
||
|
||
|
||
|
||
<!-- Welcome Message & Login Into Demo -->
|
||
<div class='row'>
|
||
<div class='span six html5clientOnly input-center'>
|
||
<div class='join-meeting '>
|
||
<h4>Try BigBlueButton</h4>
|
||
<p>(requires <a href="http://docs.bigbluebutton.org/2.2/install.html#5-install-api-demos-optional">API demos</a> to be installed)</p>
|
||
|
||
|
||
<form name="form1" method="GET" onsubmit="return checkform(this);" action="/demo/demoHTML5.jsp">
|
||
<input type="text" id="username" required="" name="username" placeholder="Enter Your Name" size="29" class="field input-default" autofocus>
|
||
<input type="submit" value="Join" class="submit_btn button success large"><br>
|
||
<input type="hidden" name="isModerator" value="true">
|
||
<input type="hidden" name="action" value="create">
|
||
</form>
|
||
|
||
<a class="watch" href="https://www.youtube.com/watch?v=uYYnryIM0Uw;feature=youtu.be" class="pull-right">Viewer Overview</a> -
|
||
<a class="watch" href="https://www.youtube.com/watch?v=Q2tG2SS4gXA&feature=youtu.be" class="pull-right">Moderator Overview</a>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="featurette-divider">
|
||
<!-- Welcome Message & Login Into Demo -->
|
||
<div class='row'>
|
||
<div >
|
||
<h2>Built for online learning</h2>
|
||
<p> BigBlueButton is an open source web conferencing system for on-line learning.</p>
|
||
<p> BigBlueButton gives you all the core features you would expect from a commercial web conferencing system (but under an open source license), including real-time sharing of audio, video, presentation, and screen – along with collaboration tools such as multi-user whiteboard, shared notes, polling, public/private chat, emojis, and breakout rooms. BigBlueButton can record your sessions for later playback. </p>
|
||
<p> BigBlueButton runs on desktop and laptop computers witin latest version of Chrome, FireFox, or Edge browser. There is no binary to download, no application to install. BigBlueButton runs within Safari Mobile (default browser) on iOS version 12.2+, and the Chrome browser on Android version 6.0+. BigBlueButton also runs on Chromebooks using the Chrome browser.</p>
|
||
|
||
<p> For more information visit our <a href="https://bigbluebutton.org/">website</a>, <a href="https://docs.bigbluebutton.org/">documentation</a>, and <a href="https://demo.bigbluebutton.org/">demo server</a>.</p>
|
||
|
||
<div class="span one"></div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<hr class="featurette-divider">
|
||
|
||
<!-- BigBlueButton Features -->
|
||
<div class="bbb-features">
|
||
<div class='row'>
|
||
<div class='featurette-heading'>
|
||
<h2>Features</h2>
|
||
</div>
|
||
|
||
<div class='span four first'>
|
||
<i class="fa fa-play-circle-o"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3>Record and Playback</h3>
|
||
<p>BigBlueButton can record your sessions for later playback by students.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='span four'>
|
||
<i class="fa fa-pencil-square-o"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/Q2tG2SS4gXA?t=190">Whiteboard</a></h3>
|
||
<p>The whiteboard controls let you annotate key parts of your presentation.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='span four last'>
|
||
<i class="fa fa-desktop"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/Q2tG2SS4gXA?t=331">Screen Sharing</a></h3>
|
||
<p>You can broadcast your desktop for all users to see.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class='row'>
|
||
<div class='span four first'>
|
||
<i class="fa fa-microphone"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/uYYnryIM0Uw?t=4">Audio</a></h3>
|
||
<p>Users of Chrome and FireFox browsers will benefit from high-quality, low-latency WebRTC audio.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='span four'>
|
||
<i class="fa fa-bar-chart-o"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/J9mbw00P9W0">Presentation</a></h3>
|
||
<p>You can upload any PDF presentation or MS office document. BigBlueButton keeps everyone in sync with your current slide, zoom, pan, annotations, and mouse pointer.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='span four last'>
|
||
<i class="fa fa-video-camera"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/uYYnryIM0Uw?t=117">Webcam</a></h3>
|
||
<p>Multiple users can share their webcam at the same time. There is no built-in limit on the number of simultaneously active webcams.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='row'>
|
||
<div class='span four first'>
|
||
<i class="fa fa-smile-o"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/uYYnryIM0Uw?t=107">Emoji</a></h3>
|
||
<p>Students can raise hand and use emoji icons for feedback.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='span four'>
|
||
<i class="fa fa-check-square-o"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/Q2tG2SS4gXA">Polling</a></h3>
|
||
<p>You can poll students anytime to increase engagement.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='span four last'>
|
||
<i class="fa fa-comments-o"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/uYYnryIM0Uw?t=50">Chat</a></h3>
|
||
<p>You can interact with students through public and private chat.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='row'>
|
||
<div class='span four first'>
|
||
<i class="fa fa-cc"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/feC_zm1y3N4">Live Captioning</a></h3>
|
||
<p>You can enter live captions for students. These captions will later appear as subtitles in recordings.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='span four'>
|
||
<i class="fa fa-users"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3><a href="https://youtu.be/Q2tG2SS4gXA?t=126">Breakout Rooms</a></h3>
|
||
<p>You can group and place students into breakout rooms (full BigBlueButton sessions) for give number of minutes for increased collaboration.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class='span four last'>
|
||
<i class="fa fa-blind"></i>
|
||
|
||
<div class="bbb-features-content">
|
||
<h3>Screen Reader</h3>
|
||
<p>Students with visual disabilities can use JAWS screen reader to interact with BigBlueButton.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
<hr class="featurette-divider">
|
||
|
||
<!-- BigBlueButton Videos -->
|
||
<div id="video" class="bbb-videos">
|
||
<div class='row'>
|
||
<div class='featurette-heading'>
|
||
<h2>Getting Started Quickly</h2>
|
||
</div>
|
||
|
||
<div class='span four first video-item'>
|
||
<a href="https://www.youtube.com/watch?v=uYYnryIM0Uw" target="_blank">
|
||
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
|
||
<img src="images/bbb-viewer-overview.png" alt="BigBlueButton Viewer Overview Video"/>
|
||
</a>
|
||
<h3><a href="https://www.youtube.com/watch?v=uYYnryIM0Uw;feature=youtu.be" title="Viewer Overview" target="_blank">Viewer Overview</a></h3>
|
||
</div>
|
||
|
||
<div class='span four video-item'>
|
||
<a href="https://www.youtube.com/watch?v=Q2tG2SS4gXA&feature=youtu.be" target="_blank">
|
||
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
|
||
<img src="images/bbb-presenter-overview.png" alt="Moderator/Presenter Overview Video"/>
|
||
</a>
|
||
<h3><a href="https://www.youtube.com/watch?v=Q2tG2SS4gXA&feature=youtu.be" title="Moderator/Presenter Overview" target="_blank">Moderator/Presenter Overview</a></h3>
|
||
</div>
|
||
|
||
<div class='span four last video-item'>
|
||
<a href="https://bigbluebutton.org/videos" target="_blank">
|
||
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
|
||
<img src="images/blankoverview.png" alt="More videos"/>
|
||
</a>
|
||
<h3><a href="https://bigbluebutton.org/videos" title="More Videos" target="_blank">More Videos</a></h3>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer>
|
||
<div class='container'>
|
||
|
||
<div class="row">
|
||
<div class="span six first">
|
||
<p>BigBlueButton and the BigBlueButton logo are trademarks of <a href="http://bigbluebutton.org/">BigBlueButton Inc.</a></p>
|
||
</div>
|
||
<div class="span six last">
|
||
<ul>
|
||
<li>
|
||
Follow Us:
|
||
</li>
|
||
<li><a class="twitter" href="http://www.twitter.com/bigbluebutton" title="BigBlueButton Twitter Page" target="_blank"><i class="fa fa-twitter"></i></a></li>
|
||
<li><a class="facebook" href="http://www.facebook.com/bigbluebutton" title="BigBlueButton Facebook Page" target="_blank"><i class="fa fa-facebook"></i></a></li>
|
||
<li><a class="youtube" href="http://www.youtube.com/bigbluebuttonshare" title="BigBlueButton YouTube Page" target="_blank"><i class="fa fa-youtube"></i> </a></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div class="row">
|
||
<div class="span twelve center">
|
||
<p>Copyright © 2020 BigBlueButton Inc.<br>
|
||
<small>Version <a href="http://docs.bigbluebutton.org/">2.2</a></small>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</body>
|
||
</html>
|