BigBlueButton/bigbluebutton-Github
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated index page for 2.2-dev

Browse Source
This commit is contained in:
Fred Dixon 2019-01-18 10:19:26 -06:00
parent 2d7c79f66b
commit a3fda63b49
1 changed files with 48 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

69
bigbluebutton-config/web/index.html
View File

@ -42,23 +42,31 @@
<!-- Body --> <!-- Body -->
<div class='container'> <div class='container'>
<!-- Welcome Message & Login Into Demo --> <!-- Welcome Message & Login Into Demo -->
<div class='row'> <div class='row'>
<div class='span five'> <div class='span six html5clientOnly'>
<h2>Welcome</h2> <div class='join-meeting '>
<p> <a href="http://bigbluebutton.org/" target="_blank">BigBlueButton</a> is an open source web conferencing system for on-line learning. </p> <h4>Try BigBlueButton via HTML5</h4>
<p> We believe that every student with a web browser should have access to a high-quality on-line learning experience </p> <p>New School</p>
<p> We intend to make that possible with BigBlueButton.</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="action" value="create">
</form>
<a class="watch" href="https://www.youtube.com/watch?v=d5v6Uar79Yc" class="pull-right">Overview Video of New HTML5 Client</a>
<h4>For Developers</h4>
<p> The BigBlueButton project is <a href="http://bigbluebutton.org/support">supported</a> by a community of developers that care about good design and a streamlined user experience. </p>
<p>See <a href="/demo/demo1.jsp" target="_blank">API examples </a> for how to integrate BigBlueButton with your project.</p>
</div> </div>
<div class="span one"></div> </div>
<div class='span six'> <div class='span six'>
<div class='join-meeting pull-right'> <div class='join-meeting'>
<h4>Try BigBlueButton</h4> <h4>Try BigBlueButton via Flash</h4>
<p>Join a demo session on this server.</p> <p>Old School</p>
<form name="form1" method="GET" onsubmit="return checkform(this);" action="/demo/demo1.jsp"> <form name="form1" method="GET" onsubmit="return checkform(this);" action="/demo/demo1.jsp">
<input type="text" id="username" required="" name="username" placeholder="Enter Your Name" size="29" class="field input-default" autofocus> <input type="text" id="username" required="" name="username" placeholder="Enter Your Name" size="29" class="field input-default" autofocus>
@ -66,12 +74,30 @@
<input type="hidden" name="action" value="create"> <input type="hidden" name="action" value="create">
</form> </form>
<a class="watch" href="#video" class="pull-right">New to BigBlueButton? Watch these videos.</a> <a class="watch" href="#video" class="pull-right">Tutorial Videos</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 built for on-line learning.</p>
<p>BigBlueButton provides all the core capabilities you expect in a web conferencing system: real-time sharing of audio, video, presentation, and screen. BigBlueButton gives you many ways to engage users with interactive chat (public and private), multi-user whiteboard, shared notes, emojis, polling, and breakout rooms. You can record any session for later playback.</p>
<p> The big change in this release is the new <a href="https://www.youtube.com/watch?v=d5v6Uar79Yc">HTML5 client</a>. The HTML5 client runs on all devices: laptop, desktop, chromebook and mobile (Android 6.0+ and iOS 12.0+). The HTML5 client uses the browser's built-in support for <a href="https://webrtc.org/">web real-time communications (WebRTC)</a> to share audio, video, and screen with other users. Chrome and FireFox are the recommend as they have the best support for WebRTC.</p>
<p> Try out the HTML5 client above and give us <a href="https://docs.google.com/forms/d/1gFz5JdN3vD6jxhlVskFYgtEKEcexdDnUzpkwUXwQ4OY/viewform?usp=send_for">your feedback</a>. To learn more about BigBlueButton visit <a href="https://bigbluebutton.org/">bigbluebutton.org</a></p>
<h4>For Developers</h4>
<p> Under the hood, the HTML5 client uses the React for a responsive experience. The BigBlueButton project is <a href="http://bigbluebutton.org/support">supported</a> by a community of developers that care about good design and a streamlined user experience. See <a href="http://docs.bigbluebutton.org" target="_blank">our documentation site</a> for more information on how you can integrate BigBlueButton with your project.</p>
</div>
<div class="span one"></div>
</div> </div>
</div>
</div>
<hr class="featurette-divider"> <hr class="featurette-divider">
@ -217,19 +243,19 @@
</div> </div>
<div class='span four video-item'> <div class='span four video-item'>
<a href="https://www.youtube.com/watch?v=oh0bEk3YSwI" target="_blank"> <a href="https://www.youtube.com/watch?v=GeJbK1lvl2I" target="_blank">
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div> <div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
<img src="images/bbb-viewer-overview.jpg" alt="BigBlueButton Viewer Overview Video"/> <img src="images/bbb-viewer-overview.jpg" alt="BigBlueButton Viewer Overview Video"/>
</a> </a>
<h3><a href="https://www.youtube.com/watch?v=oh0bEk3YSwI;feature=youtu.be" title="Student Overview" target="_blank">Viewer Overview</a></h3> <h3><a href="https://www.youtube.com/watch?v=GeJbK1lvl2I;feature=youtu.be" title="Student Overview" target="_blank">Viewer Overview</a></h3>
</div> </div>
<div class='span four last video-item'> <div class='span four last video-item'>
<a href="https://www.youtube.com/watch?v=J9mbw00P9W0&feature=youtu.be" target="_blank"> <a href="https://www.youtube.com/watch?v=758xaFdeoN0&feature=youtu.be" target="_blank">
<div class="video-btn"><i class="fa fa-play-circle-o"></i></div> <div class="video-btn"><i class="fa fa-play-circle-o"></i></div>
<img src="images/bbb-presenter-overview.jpg" alt="Moderator/Presenter Overview Video"/> <img src="images/bbb-presenter-overview.jpg" alt="Moderator/Presenter Overview Video"/>
</a> </a>
<h3><a href="https://www.youtube.com/watch?v=J9mbw00P9W0&feature=youtu.be" title="Moderator/Presenter Overview" target="_blank">Moderator/Presenter Overview</a></h3> <h3><a href="https://www.youtube.com/watch?v=758xaFdeoN0&feature=youtu.be" title="Moderator/Presenter Overview" target="_blank">Moderator/Presenter Overview</a></h3>
</div> </div>
</div> </div>
</div> </div>
@ -261,8 +287,8 @@
<div class="row"> <div class="row">
<div class="span twelve center"> <div class="span twelve center">
<p>Copyright &copy; 2018 BigBlueButton Inc.<br> <p>Copyright &copy; 2019 BigBlueButton Inc.<br>
<small>Version <a href="http://docs.bigbluebutton.org/">2.0-RC2</a></small> <small>Version <a href="http://docs.bigbluebutton.org/">2.2-dev</a></small>
</p> </p>
</div> </div>
</div> </div>
@ -270,3 +296,4 @@
</footer> </footer>
</body> </body>
</html> </html>