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.

playback.html 5.3KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  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>BigBlueButton Playback</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-error">
  31. <p id="load-error-msg">This recording could not be found</p>
  32. </div>
  33. <div class="circle" id="cursor"></div>
  34. <div id="playback-content" class="off-canvas-wrap" data-offcanvas>
  35. <div class="inner-wrap">
  36. <div id="navbar">
  37. <a class="left-off-canvas-toggle menu-icon" href="#">
  38. <i class="sidebar-icon fi-list"></i>
  39. </a>
  40. <h1 id="recording-title">BigBlueButton Playback</h1>
  41. </div>
  42. <aside class="left-off-canvas-menu">
  43. <ul class="off-canvas-list">
  44. <li><label>Slides</label></li>
  45. <div id="thumbnails" role="region" aria-label="Slide thumbnails"></div>
  46. </ul>
  47. </aside>
  48. <a class="exit-off-canvas"></a>
  49. <div id="playback" role="main" class="row small-collapse">
  50. <h2 class="show-for-sr">Presentation Slides</h2>
  51. <div id="main-section" class="small-8 columns">
  52. <div id="presentation-area" role="region" aria-label="Presentation" data-swap>
  53. <div id="slide" role="img" aria-labelledby="slideText"></div>
  54. <div id="slideText" class="show-for-sr" aria-live="polite"></div>
  55. </div>
  56. <div id="copyright">
  57. Recorded with <a target="_blank" href="http://bigbluebutton.org/">BigBlueButton</a>.
  58. Use <a target="_blank" href="http://mozilla.org/firefox">Mozilla Firefox</a> or
  59. <a target="_blank" href="http://google.com/chrome/">Google Chrome</a> to play this recording.
  60. </div>
  61. </div>
  62. <div id="side-section" class="small-4 columns">
  63. <h2 class="show-for-sr">Chat Messages</h2>
  64. <input type="checkbox" name="exposechat" id="exposechat" value="exposechat" class="show-for-sr" checked="checked" />
  65. <label for="exposechat" class="show-for-sr">Read chat messages</label>
  66. <div id="chat-area">
  67. <div id="chat" aria-live="polite" role="region" aria-label="Chat messages"></div>
  68. </div>
  69. <div id="video-area" class="clearfix" role="region" aria-label="Video" title="Click to play or pause the playback" data-swap>
  70. <!--
  71. <video id="webcam">You must use an HTML5 capable browser to view this page.
  72. This playback requires modern browser, please use FF, Safari, Chrome</video>
  73. -->
  74. </div>
  75. <div id="audio-area" role="region" aria-label="Audio">
  76. <!--
  77. <audio id="video">You must use an HTML5 capable browser to view this page.
  78. This playback requires modern browser, please use FF, Safari, Chrome</audio>
  79. -->
  80. </div>
  81. </div>
  82. </div>
  83. </div>
  84. <!--
  85. <div id="accInfo">
  86. <input id="accEnabled" type="checkbox" value="accEnabled" />
  87. <label for="accEnabled">Enable accessibility pauses</label><br/>
  88. <div id="countdown" />
  89. </div>
  90. -->
  91. </div>
  92. <script type="text/javascript" src="lib/jquery.min.js"></script>
  93. <script type="text/javascript" src="lib/jquery-ui.min.js"></script>
  94. <script type="text/javascript" src="lib/foundation.min.js"></script>
  95. <script type="text/javascript" src="lib/spin.min.js"></script>
  96. <script type="text/javascript" src="acornmediaplayer/jquery.acornmediaplayer.js"></script>
  97. <script type="text/javascript" src="lib/writing.js"></script>
  98. <script type="text/javascript" src="playback.js"></script>
  99. <!-- popcorn has to be loaded after playback.js, otherwise the chat won't be displayed -->
  100. <script type="text/javascript" src="lib/popcorn-complete.min.js"></script>
  101. <script type="text/javascript" src="lib/popcorn.chattimeline.js"></script>
  102. <script type="text/javascript" src="lib/pace.min.js"></script>
  103. <script>
  104. $(document).foundation();
  105. </script>
  106. </body>
  107. </html>