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.

index.html 7.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155
  1. <html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
  2. <head>
  3. <meta charset="utf-8">
  4. <meta http-equiv="content-type" content="text/html;charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <!--#include virtual="base.html" -->
  7. <link rel="stylesheet" href="css/all.css">
  8. <script>
  9. // IE11 and earlier can be identified via their user agent and be
  10. // redirected to a page that is known to have no newer js syntax.
  11. if (window.navigator.userAgent.match(/(MSIE|Trident)/)) {
  12. window.location.href = "static/recommendedBrowsers.html";
  13. }
  14. window.indexLoadedTime = window.performance.now();
  15. console.log("(TIME) index.html loaded:\t", indexLoadedTime);
  16. // XXX the code below listeners for errors and displays an error message
  17. // in the document body when any of the required files fails to load.
  18. // The intention is to prevent from displaying broken page.
  19. var criticalFiles = [
  20. "config.js",
  21. "utils.js",
  22. "do_external_connect.js",
  23. "interface_config.js",
  24. "logging_config.js",
  25. "lib-jitsi-meet.min.js",
  26. "app.bundle.min.js",
  27. "all.css"
  28. ];
  29. var loadErrHandler = function(e) {
  30. var target = e.target;
  31. // Error on <script> and <link>(CSS)
  32. // <script> will have .src and <link> .href
  33. var fileRef = (target.src ? target.src : target.href);
  34. if (("SCRIPT" === target.tagName || "LINK" === target.tagName)
  35. && criticalFiles.some(
  36. function(file) { return fileRef.indexOf(file) !== -1 })) {
  37. window.onload = function() {
  38. // The whole complex part below implements page reloads with
  39. // "exponential backoff". The retry attempt is passes as
  40. // "rCounter" query parameter
  41. var href = window.location.href;
  42. var retryMatch = href.match(/.+(\?|&)rCounter=(\d+)/);
  43. var retryCountStr = retryMatch ? retryMatch[2] : "0";
  44. var retryCount = Number.parseInt(retryCountStr);
  45. if (retryMatch == null) {
  46. var separator = href.indexOf("?") === -1 ? "?" : "&";
  47. var hashIdx = href.indexOf("#");
  48. if (hashIdx === -1) {
  49. href += separator + "rCounter=1";
  50. } else {
  51. var hashPart = href.substr(hashIdx);
  52. href = href.substr(0, hashIdx)
  53. + separator + "rCounter=1" + hashPart;
  54. }
  55. } else {
  56. var separator = retryMatch[1];
  57. href = href.replace(
  58. /(\?|&)rCounter=(\d+)/,
  59. separator + "rCounter=" + (retryCount + 1));
  60. }
  61. var delay = Math.pow(2, retryCount) * 2000;
  62. if (isNaN(delay) || delay < 2000 || delay > 60000)
  63. delay = 10000;
  64. var showMoreText = "show more";
  65. var showLessText = "show less";
  66. document.body.innerHTML
  67. = "<div style='"
  68. + "position: absolute;top: 50%;left: 50%;"
  69. + "text-align: center;"
  70. + "font-size: medium;"
  71. + "font-weight: 400;"
  72. + "transform: translate(-50%, -50%)'>"
  73. + "Uh oh! We couldn't fully download everything we needed :("
  74. + "<br/> "
  75. + "We will try again shortly. In the mean time, check for problems with your Internet connection!"
  76. + "<br/><br/> "
  77. + "<div id='moreInfo' style='"
  78. + "display: none;'>" + "Missing " + fileRef
  79. + "<br/><br/></div>"
  80. + "<a id='showMore' style='"
  81. + "text-decoration: underline;"
  82. + "font-size:small;"
  83. + "cursor: pointer'>" + showMoreText + "</a>"
  84. + "&nbsp;&nbsp;&nbsp;"
  85. + "<a id ='reloadLink' style='"
  86. + "text-decoration: underline;"
  87. + "font-size:small;"
  88. + "'>reload now</a>"
  89. + "</div>";
  90. var reloadLink = document.getElementById('reloadLink');
  91. reloadLink.setAttribute('href', href);
  92. var showMoreElem = document.getElementById("showMore");
  93. showMoreElem.addEventListener('click', function () {
  94. var moreInfoElem
  95. = document.getElementById("moreInfo");
  96. if (showMoreElem.innerHTML === showMoreText) {
  97. moreInfoElem.setAttribute(
  98. "style",
  99. "display: block;"
  100. + "color:#FF991F;"
  101. + "font-size:small;"
  102. + "user-select:text;");
  103. showMoreElem.innerHTML = showLessText;
  104. }
  105. else {
  106. moreInfoElem.setAttribute(
  107. "style", "display: none;");
  108. showMoreElem.innerHTML = showMoreText;
  109. }
  110. });
  111. window.setTimeout(
  112. function () { window.location.replace(href); }, delay);
  113. // Call extra handler if defined.
  114. if (typeof postLoadErrorHandler === "function") {
  115. postLoadErrorHandler(fileRef);
  116. }
  117. };
  118. window.removeEventListener(
  119. 'error', loadErrHandler, true /* capture phase */);
  120. }
  121. };
  122. window.addEventListener(
  123. 'error', loadErrHandler, true /* capture phase type of listener */);
  124. </script>
  125. <script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->
  126. <!--#include virtual="connection_optimization/connection_optimization.html" -->
  127. <script src="libs/do_external_connect.min.js?v=1"></script>
  128. <script><!--#include virtual="/interface_config.js" --></script>
  129. <script><!--#include virtual="/logging_config.js" --></script>
  130. <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
  131. <script src="libs/app.bundle.min.js?v=139"></script>
  132. <!--#include virtual="title.html" -->
  133. <!--#include virtual="plugin.head.html" -->
  134. <!--#include virtual="static/welcomePageAdditionalContent.html" -->
  135. </head>
  136. <body>
  137. <div id="react"></div>
  138. </body>
  139. </html>