You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. <!DOCTYPE html>
  2. <!--
  3. BigBlueButton open source conferencing system - http://www.bigbluebutton.org/
  4. Copyright (c) 2012 BigBlueButton Inc. and by respective authors (see below).
  5. This program is free software; you can redistribute it and/or modify it under the
  6. terms of the GNU Lesser General Public License as published by the Free Software
  7. Foundation; either version 3.0 of the License, or (at your option) any later
  8. version.
  9. *
  10. BigBlueButton is distributed in the hope that it will be useful, but WITHOUT ANY
  11. WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
  12. PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
  13. You should have received a copy of the GNU Lesser General Public License along
  14. with BigBlueButton; if not, see <http://www.gnu.org/licenses/>.
  15. -->
  16. <html class="no-js" lang="en">
  17. <head>
  18. <meta charset="UTF-8">
  19. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  20. <title>Loading</title>
  21. <link rel="stylesheet" type="text/css" href="acornmediaplayer/acornmediaplayer.base.css" />
  22. <link rel="stylesheet" type="text/css" href="acornmediaplayer/themes/access/acorn.access.css" />
  23. <link rel="stylesheet" type="text/css" href="acornmediaplayer/themes/bigbluebutton/acorn.bigbluebutton.css" />
  24. <link rel="stylesheet" type="text/css" href="css/normalize.css" />
  25. <link rel="stylesheet" type="text/css" href="css/foundation.css" />
  26. <link rel="stylesheet" type="text/css" href="css/foundation-icons.css" />
  27. <link rel="stylesheet" href="playback.css">
  28. </head>
  29. <body>
  30. <div id="loading">
  31. <img id="load-img" class="loading-img" src="logo.png">
  32. <p id="load-msg">Loading</p>
  33. </div>
  34. <div class="circle" id="cursor"></div>
  35. <div id="playback-content" class="off-canvas-wrap" data-offcanvas>
  36. <div class="inner-wrap">
  37. <div id="navbar">
  38. <a class="left-off-canvas-toggle menu-icon" href="#">
  39. <i class="sidebar-icon fi-list"></i>
  40. </a>
  41. <h1 id="recording-title">Recording Playback</h1>
  42. </div>
  43. <aside class="left-off-canvas-menu">
  44. <ul class="off-canvas-list">
  45. <li><label>Slides</label></li>
  46. <div id="thumbnails" role="region" aria-label="Slide thumbnails"></div>
  47. </ul>
  48. </aside>
  49. <a class="exit-off-canvas"></a>
  50. <div id="playback" role="main" class="row small-collapse">
  51. <h2 class="show-for-sr">Presentation Slides</h2>
  52. <div id="main-section" class="small-8 columns">
  53. <div id="presentation-area" role="region" aria-label="Presentation" data-swap>
  54. <div id="slide" role="img" aria-labelledby="slideText"></div>
  55. <div id="slideText" class="show-for-sr" aria-live="polite"></div>
  56. </div>
  57. <div id="copyright"></div>
  58. </div>
  59. <div id="side-section" class="small-4 columns">
  60. <div id="video-area" class="clearfix" role="region" aria-label="Video" title="Click to play or pause the playback" data-swap>
  61. <!--
  62. <video id="webcam">You must use an HTML5 capable browser to view this page.
  63. This playback requires modern browser, please use FF, Safari, Chrome</video>
  64. -->
  65. </div>
  66. <div id="audio-area" role="region" aria-label="Audio">
  67. <!--
  68. <audio id="video">You must use an HTML5 capable browser to view this page.
  69. This playback requires modern browser, please use FF, Safari, Chrome</audio>
  70. -->
  71. </div>
  72. <h2 class="show-for-sr">Chat Messages</h2>
  73. <input type="checkbox" name="exposechat" id="exposechat" value="exposechat" class="show-for-sr" checked="checked" />
  74. <label for="exposechat" class="show-for-sr">Read chat messages</label>
  75. <div id="chat-area">
  76. <div id="chat" aria-live="polite" role="region" aria-label="Chat messages"></div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. <!--
  82. <div id="accInfo">
  83. <input id="accEnabled" type="checkbox" value="accEnabled" />
  84. <label for="accEnabled">Enable accessibility pauses</label><br/>
  85. <div id="countdown" />
  86. </div>
  87. -->
  88. </div>
  89. <script type="text/javascript" src="lib/jquery.min.js"></script>
  90. <script type="text/javascript" src="lib/jquery-ui.min.js"></script>
  91. <script type="text/javascript" src="lib/foundation.min.js"></script>
  92. <script type="text/javascript" src="acornmediaplayer/jquery.acornmediaplayer.js"></script>
  93. <script type="text/javascript" src="lib/bbblogger.js"></script>
  94. <script type="text/javascript" src="lib/writing.js"></script>
  95. <script type="text/javascript" src="playback.js"></script>
  96. <!-- popcorn has to be loaded after playback.js, otherwise the chat won't be displayed -->
  97. <script type="text/javascript" src="lib/popcorn-complete.min.js"></script>
  98. <script type="text/javascript" src="lib/popcorn.chattimeline.js"></script>
  99. <script type="text/javascript" src="lib/pace.min.js"></script>
  100. <script>
  101. $(document).foundation();
  102. </script>
  103. </body>
  104. </html>