jiti-meet/index.html

<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <!--#include virtual="base.html" -->
    <script>
        window.indexLoadedTime = window.performance.now();
        console.log("(TIME) index.html loaded:\t", indexLoadedTime);
        // XXX the code below listeners for errors and displays an error message
        // in the document body when any of the required files fails to load.
        // The intention is to prevent from displaying broken page.
        var criticalFiles = [
            "config.js",
            "utils.js",
            "do_external_connect.js",
            "interface_config.js",
            "lib-jitsi-meet.min.js",
            "app.bundle.min.js",
            "all.css"
        ];
        var loadErrHandler = function(e) {
            var target = e.target;
            // Error on <script> and <link>(CSS)
            // <script> will have .src and <link> .href
            var fileRef = (target.src ? target.src : target.href);
            if (("SCRIPT" === target.tagName || "LINK" === target.tagName)
                && criticalFiles.some(
                    function(file) { return fileRef.indexOf(file) !== -1 })) {
                window.onload = function() {
                    document.body.innerHTML
                        = "The application failed to load, missing file: "
                            + fileRef;
                };
                window.removeEventListener(
                    'error', loadErrHandler, true /* capture phase */);
            }
        }
        window.addEventListener(
            'error', loadErrHandler, true /* capture phase type of listener */);
    </script>
    <script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->
    <script src="utils.js?v=1"></script>
    <!--#include virtual="connection_optimization/connection_optimization.html" -->
    <script src="connection_optimization/do_external_connect.js?v=1"></script>
    <script><!--#include virtual="/interface_config.js" --></script>
    <script src="libs/lib-jitsi-meet.min.js?v=139"></script>
    <script src="libs/app.bundle.min.js?v=139"></script>
    <!--#include virtual="title.html" -->
    <link rel="stylesheet" href="css/all.css"/>
    <!--#include virtual="plugin.head.html" -->
  </head>
  <body>
    <div id="welcome_page">
        <div id="welcome_page_header">
            <a target="_new">
                <div class="watermark leftwatermark"></div>
            </a>
            <a target="_new">
                <div class="watermark rightwatermark"></div>
            </a>
            <a class="poweredby" href="http://jitsi.org" target="_new" ><span data-i18n="poweredby"></span> jitsi.org</a>

            <div id="enter_room_container">
                <div id="enter_room_form" >
                    <div id="domain_name"></div>
                    <div id="enter_room">
                        <input id="enter_room_field" type="text" autofocus/>
                        <div class="icon-reload" id="reload_roomname"></div>
                        <input id="enter_room_button" type="button" data-i18n="[value]welcomepage.go" value="GO" />

                    </div>
                </div>
            </div>
            <div id="brand_header"></div>
            <input type='checkbox' name='checkbox' id="disable_welcome"/>
            <label for="disable_welcome" class="disable_welcome_position" data-i18n="welcomepage.disable"></label>
            <div id="header_text">
                <!--#include virtual="plugin.header.text.html" -->
            </div>
        </div>
        <div id="welcome_page_main">
            <div id="features">
                <div class="feature_row">
                    <div class="feature_holder">
                        <div class="feature_icon" data-i18n="welcomepage.feature1.title" ></div>
                        <div class="feature_description" data-i18n="welcomepage.feature1.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>
                        </div>
                    </div>
                    <div class="feature_holder">
                        <div class="feature_icon" data-i18n="welcomepage.feature2.title" ></div>
                        <div class="feature_description" data-i18n="welcomepage.feature2.content">
                        </div>
                    </div>
                    <div class="feature_holder">
                        <div class="feature_icon" data-i18n="welcomepage.feature3.title" ></div>
                        <div class="feature_description" data-i18n="welcomepage.feature3.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>
                        </div>
                    </div>
                    <div class="feature_holder">
                        <div class="feature_icon" data-i18n="welcomepage.feature4.title" ></div>
                        <div class="feature_description" data-i18n="welcomepage.feature4.content">
                        </div>
                    </div>
                </div>
                <div class="feature_row">
                    <div class="feature_holder">
                            <div class="feature_icon" data-i18n="welcomepage.feature5.title" ></div>
                            <div class="feature_description" data-i18n="welcomepage.feature5.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>
                            </div>
                    </div>
                    <div class="feature_holder">
                            <div class="feature_icon" data-i18n="welcomepage.feature6.title" ></div>
                            <div class="feature_description" data-i18n="welcomepage.feature6.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>
                            </div>
                    </div>
                    <div class="feature_holder">
                            <div class="feature_icon" data-i18n="welcomepage.feature7.title" ></div>
                            <div class="feature_description" data-i18n="welcomepage.feature7.content" data-i18n-options='{ "postProcess": "resolveAppName" }'></div>
                    </div>
                    <div class="feature_holder">
                            <div class="feature_icon" data-i18n="welcomepage.feature8.title" ></div>
                            <div class="feature_description" data-i18n="welcomepage.feature8.content"></div>
                    </div>
                </div>
            </div>
        </div>
        <!--#include virtual="plugin.welcomepage.footer.html" -->
    </div>
    <div id="videoconference_page">
        <div id="mainToolbarContainer">
                <div id="notice" class="notice" style="display: none">
                    <span id="noticeText" class="noticeText"></span>
                </div>
                <div id="mainToolbar" class="toolbar"></div>
        </div>
        <div id="subject" class="hide"></div>

        <div id="extendedToolbar" class="toolbar">
            <div id="extendedToolbarButtons"></div>

            <a class="button icon-feedback" id="feedbackButton"></a>

            <div id="sideToolbarContainer"></div>
        </div>
        <div id="videospace">
            <div id="largeVideoContainer" class="videocontainer">
                <div id="sharedVideo"><div id="sharedVideoIFrame"></div></div>
                <div id="etherpad"></div>
                <a target="_new"><div class="watermark leftwatermark"></div></a>
                <a target="_new"><div class="watermark rightwatermark"></div></a>
                <a class="poweredby" href="http://jitsi.org" target="_new">
                    <span data-i18n="poweredby"></span> jitsi.org
                </a>
                <div id="dominantSpeaker">
                    <div class="dynamic-shadow"></div>
                    <img id="dominantSpeakerAvatar" src=""/>
                </div>
                <span id="remoteConnectionMessage"></span>
                <div id="largeVideoWrapper">
                    <video id="largeVideo" muted="true" autoplay></video>
                </div>
                <span id="localConnectionMessage"></span>
                <span id="videoResolutionLabel" class="video-state-indicator moveToCorner">HD</span>
                <span id="recordingLabel" class="video-state-indicator centeredVideoLabel">
                    <span id="recordingLabelText"></span>
                    <img id="recordingSpinner" class="recordingSpinner" src="images/spin.svg"></img>
                </span>
            </div>
            <div class="filmstrip">
                <div class="filmstrip__videos" id="remoteVideos">
                    <span id="localVideoContainer" class="videocontainer videocontainer_small">
                        <div class="videocontainer__background"></div>
                        <span id="localVideoWrapper">
                            <!--<video id="localVideo" autoplay muted></video> - is now per stream generated -->
                        </span>
                        <audio id="localAudio" autoplay muted></audio>
                        <div class="videocontainer__toolbar"></div>
                        <div class="videocontainer__toptoolbar"></div>
                        <div class="videocontainer__hoverOverlay"></div>
                    </span>
                    <audio id="userJoined" src="sounds/joined.wav" preload="auto"></audio>
                    <audio id="userLeft" src="sounds/left.wav" preload="auto"></audio>
                </div>
            </div>

        </div>
    </div>
    <div id="keyboard-shortcuts" class="keyboard-shortcuts" style="display:none;">
        <div class="content">
            <ul id="keyboard-shortcuts-list" class="shortcuts-list">
            </ul>
        </div>
    </div>
  </body>
</html>
Implements welcome page. 2014-08-21 16:42:54 +00:00			`<html itemscope itemtype="http://schema.org/Product" prefix="og: http://ogp.me/ns#" xmlns="http://www.w3.org/1999/html">`
initial commit 2013-12-16 11:22:23 +00:00			`<head>`
Defines^2 the document encoding. 2016-06-09 04:51:45 +00:00			`<meta charset="utf-8" />`
			`<meta http-equiv="content-type" content="text/html;charset=utf-8">`
add support for possible ssi of <base> attribute left blank in default meet installations, to be overridden by adding <base href="CDN_URL"> to /base.html 2016-05-20 21:51:37 +00:00			`<!--#include virtual="base.html" -->`
Stores measured times and exposes them 2016-04-01 19:44:25 +00:00			`<script>`
			`window.indexLoadedTime = window.performance.now();`
			`console.log("(TIME) index.html loaded:\t", indexLoadedTime);`
feat(index.html): prevent from displaying broken page The commit adds an error listener which will replace the document body with an error message if any of the files required for the app to be displayed correctly fails to load. 2016-10-31 15:44:50 +00:00			`// XXX the code below listeners for errors and displays an error message`
			`// in the document body when any of the required files fails to load.`
			`// The intention is to prevent from displaying broken page.`
			`var criticalFiles = [`
			`"config.js",`
			`"utils.js",`
			`"do_external_connect.js",`
			`"interface_config.js",`
			`"lib-jitsi-meet.min.js",`
			`"app.bundle.min.js",`
			`"all.css"`
			`];`
			`var loadErrHandler = function(e) {`
			`var target = e.target;`
			`// Error on <script> and <link>(CSS)`
			`// <script> will have .src and <link> .href`
			`var fileRef = (target.src ? target.src : target.href);`
			`if (("SCRIPT" === target.tagName \|\| "LINK" === target.tagName)`
			`&& criticalFiles.some(`
			`function(file) { return fileRef.indexOf(file) !== -1 })) {`
			`window.onload = function() {`
			`document.body.innerHTML`
			`= "The application failed to load, missing file: "`
			`+ fileRef;`
			`};`
			`window.removeEventListener(`
			`'error', loadErrHandler, true /* capture phase */);`
			`}`
			`}`
			`window.addEventListener(`
			`'error', loadErrHandler, true /* capture phase type of listener */);`
Stores measured times and exposes them 2016-04-01 19:44:25 +00:00			`</script>`
Fixes a problem when using base for the page. The problem is when not using / before virtual files and having a base for the page nginx can search for the file in wrong location. 2016-08-03 16:52:56 +00:00			`<script><!--#include virtual="/config.js" --></script><!-- adapt to your needs, i.e. set hosts and bosh path -->`
Implements server side connection establishment 2016-03-28 21:19:32 +00:00			`<script src="utils.js?v=1"></script>`
			`<!--#include virtual="connection_optimization/connection_optimization.html" -->`
Fixes comments after review 2016-03-28 22:42:20 +00:00			`<script src="connection_optimization/do_external_connect.js?v=1"></script>`
Fixes a problem when using base for the page. The problem is when not using / before virtual files and having a base for the page nginx can search for the file in wrong location. 2016-08-03 16:52:56 +00:00			`<script><!--#include virtual="/interface_config.js" --></script>`
Implements server side connection establishment 2016-03-28 21:19:32 +00:00			`<script src="libs/lib-jitsi-meet.min.js?v=139"></script>`
			`<script src="libs/app.bundle.min.js?v=139"></script>`
Moves favicon into the title html. Moves favicon into the title html with all metadata for easy overriding. Moves the title html inclusion after all the connection optimisations to avoid downloading the icon to interfere those optimisations. 2016-08-01 22:11:16 +00:00			`<!--#include virtual="title.html" -->`
Implements server side connection establishment 2016-03-28 21:19:32 +00:00			`<link rel="stylesheet" href="css/all.css"/>`
Adds additional SSI include tags. 2015-03-30 14:00:23 +00:00			`<!--#include virtual="plugin.head.html" -->`
initial commit 2013-12-16 11:22:23 +00:00			`</head>`
			`<body>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`<div id="welcome_page">`
			`<div id="welcome_page_header">`
Clears some welcome_page and videolayout styles. 2014-09-25 10:48:37 +00:00			`<a target="_new">`
			`<div class="watermark leftwatermark"></div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</a>`
Clears some welcome_page and videolayout styles. 2014-09-25 10:48:37 +00:00			`<a target="_new">`
			`<div class="watermark rightwatermark"></div>`
			`</a>`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<a class="poweredby" href="http://jitsi.org" target="_new" ><span data-i18n="poweredby"></span> jitsi.org</a>`
Changes the logo of the welcome page to use the image from conference page. 2014-09-02 08:33:00 +00:00
Adds room name generator. 2014-08-26 10:54:43 +00:00			`<div id="enter_room_container">`
aui checkbox removed 2016-10-10 10:52:02 +00:00			`<div id="enter_room_form" >`
			`<div id="domain_name"></div>`
			`<div id="enter_room">`
			`<input id="enter_room_field" type="text" autofocus/>`
			`<div class="icon-reload" id="reload_roomname"></div>`
			`<input id="enter_room_button" type="button" data-i18n="[value]welcomepage.go" value="GO" />`
Adds reload button to the input in the welcome page. 2014-08-27 10:59:28 +00:00
Adds room name generator. 2014-08-26 10:54:43 +00:00			`</div>`
aui checkbox removed 2016-10-10 10:52:02 +00:00			`</div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`<div id="brand_header"></div>`
Changes the layout and image for the checkbox of the welcome page. 2014-08-27 10:28:08 +00:00			`<input type='checkbox' name='checkbox' id="disable_welcome"/>`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<label for="disable_welcome" class="disable_welcome_position" data-i18n="welcomepage.disable"></label>`
Adds additional SSI include tags. 2015-03-30 14:00:23 +00:00			`<div id="header_text">`
			`<!--#include virtual="plugin.header.text.html" -->`
			`</div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`<div id="welcome_page_main">`
			`<div id="features">`
			`<div class="feature_row">`
			`<div class="feature_holder">`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<div class="feature_icon" data-i18n="welcomepage.feature1.title" ></div>`
			`<div class="feature_description" data-i18n="welcomepage.feature1.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`</div>`
			`<div class="feature_holder">`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<div class="feature_icon" data-i18n="welcomepage.feature2.title" ></div>`
			`<div class="feature_description" data-i18n="welcomepage.feature2.content">`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`</div>`
			`<div class="feature_holder">`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<div class="feature_icon" data-i18n="welcomepage.feature3.title" ></div>`
			`<div class="feature_description" data-i18n="welcomepage.feature3.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`</div>`
			`<div class="feature_holder">`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<div class="feature_icon" data-i18n="welcomepage.feature4.title" ></div>`
			`<div class="feature_description" data-i18n="welcomepage.feature4.content">`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`</div>`
			`</div>`
			`<div class="feature_row">`
			`<div class="feature_holder">`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<div class="feature_icon" data-i18n="welcomepage.feature5.title" ></div>`
			`<div class="feature_description" data-i18n="welcomepage.feature5.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>`
			`</div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`<div class="feature_holder">`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<div class="feature_icon" data-i18n="welcomepage.feature6.title" ></div>`
			`<div class="feature_description" data-i18n="welcomepage.feature6.content" data-i18n-options='{ "postProcess": "resolveAppName" }'>`
			`</div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`<div class="feature_holder">`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<div class="feature_icon" data-i18n="welcomepage.feature7.title" ></div>`
			`<div class="feature_description" data-i18n="welcomepage.feature7.content" data-i18n-options='{ "postProcess": "resolveAppName" }'></div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`<div class="feature_holder">`
Implements basic multi language support. 2015-02-06 15:46:50 +00:00			`<div class="feature_icon" data-i18n="welcomepage.feature8.title" ></div>`
			`<div class="feature_description" data-i18n="welcomepage.feature8.content"></div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
			`</div>`
			`</div>`
			`</div>`
Adds additional SSI include tags. 2015-03-30 14:00:23 +00:00			`<!--#include virtual="plugin.welcomepage.footer.html" -->`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
fix(toolbar): Issue with toolbar is positioned under the ring overlay 2016-09-21 21:34:06 +00:00			`<div id="videoconference_page">`
Re-designs toolbars, side panels like setting, contact list 2016-09-08 18:22:50 +00:00			`<div id="mainToolbarContainer">`
Makes it possible to display notification message above the toolbar. 2015-03-12 16:51:31 +00:00			`<div id="notice" class="notice" style="display: none">`
			`<span id="noticeText" class="noticeText"></span>`
			`</div>`
make extended buttons dynamic 2016-10-11 13:30:28 +00:00			`<div id="mainToolbar" class="toolbar"></div>`
Implements the functionality to set subject to the chat room. 2014-06-20 09:00:49 +00:00			`</div>`
Re-designs toolbars, side panels like setting, contact list 2016-09-08 18:22:50 +00:00			`<div id="subject" class="hide"></div>`
toolbar: authentication button changed 2016-10-07 21:47:43 +00:00
Fixes side toolbar container behavior 2016-09-10 02:26:29 +00:00			`<div id="extendedToolbar" class="toolbar">`
make extended buttons dynamic 2016-10-11 13:30:28 +00:00			`<div id="extendedToolbarButtons"></div>`
toolbar: authentication button changed 2016-10-07 21:47:43 +00:00
Adds tooltips 2016-09-16 03:22:56 +00:00			`<a class="button icon-feedback" id="feedbackButton"></a>`
toolbar: authentication button changed 2016-10-07 21:47:43 +00:00
make side panels init from js 2016-10-25 13:16:15 +00:00			`<div id="sideToolbarContainer"></div>`
Fixes side toolbar container behavior 2016-09-10 02:26:29 +00:00			`</div>`
Creates UI module. 2015-01-07 14:54:03 +00:00			`<div id="videospace">`
refactoring of Etherpad and Prezi 2015-12-25 16:55:45 +00:00			`<div id="largeVideoContainer" class="videocontainer">`
Shared video, synchronized playing/seek/muting/volume initial commit. 2016-03-18 20:00:55 +00:00			`<div id="sharedVideo"><div id="sharedVideoIFrame"></div></div>`
refactoring of Etherpad and Prezi 2015-12-25 16:55:45 +00:00			`<div id="etherpad"></div>`
			`<a target="_new"><div class="watermark leftwatermark"></div></a>`
			`<a target="_new"><div class="watermark rightwatermark"></div></a>`
			`<a class="poweredby" href="http://jitsi.org" target="_new">`
			`<span data-i18n="poweredby"></span> jitsi.org`
			`</a>`
Renames all active speaker references to be called dominant speaker. 2016-01-12 00:14:01 +00:00			`<div id="dominantSpeaker">`
Audio levels redesign. 2016-09-28 21:31:40 +00:00			`<div class="dynamic-shadow"></div>`
Fixes element id name. 2016-01-12 22:48:47 +00:00			`<img id="dominantSpeakerAvatar" src=""/>`
refactoring of Etherpad and Prezi 2015-12-25 16:55:45 +00:00			`</div>`
feat(VideoLayout): add remote connection problems UI Grey filter will be applied to the remote video/avatar displayed on "large" and a message indicating remote connectivity issues will be shown on top of that. 2016-09-24 18:24:18 +00:00			`<span id="remoteConnectionMessage"></span>`
refactoring of Etherpad and Prezi 2015-12-25 16:55:45 +00:00			`<div id="largeVideoWrapper">`
fix(index.html): Remove preload attribute on local video tag 2016-09-13 17:59:59 +00:00			`<video id="largeVideo" muted="true" autoplay></video>`
refactoring of Etherpad and Prezi 2015-12-25 16:55:45 +00:00			`</div>`
ref(VideoLayout): rename 'videoConnectionMessage' Renames 'videoConnectionMessage' to 'localConnectionMessage', because it is displayed when we're having problems with our local connection and a different one will be shown for the remote connectivity issues. 2016-09-24 18:30:29 +00:00			`<span id="localConnectionMessage"></span>`
Adjusted styles for "Live Streaming" indicator. 2016-10-19 16:36:10 +00:00			`<span id="videoResolutionLabel" class="video-state-indicator moveToCorner">HD</span>`
			`<span id="recordingLabel" class="video-state-indicator centeredVideoLabel">`
Display spinner for RETRYING recording status 2016-07-08 12:50:09 +00:00			`<span id="recordingLabelText"></span>`
			`<img id="recordingSpinner" class="recordingSpinner" src="images/spin.svg"></img>`
			`</span>`
refactoring of Etherpad and Prezi 2015-12-25 16:55:45 +00:00			`</div>`
Add wrapper 2016-11-03 14:18:28 +00:00			`<div class="filmstrip">`
			`<div class="filmstrip__videos" id="remoteVideos">`
			`<span id="localVideoContainer" class="videocontainer videocontainer_small">`
			`<div class="videocontainer__background"></div>`
			`<span id="localVideoWrapper">`
			`<!--<video id="localVideo" autoplay muted></video> - is now per stream generated -->`
			`</span>`
			`<audio id="localAudio" autoplay muted></audio>`
			`<div class="videocontainer__toolbar"></div>`
			`<div class="videocontainer__toptoolbar"></div>`
			`<div class="videocontainer__hoverOverlay"></div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</span>`
Add wrapper 2016-11-03 14:18:28 +00:00			`<audio id="userJoined" src="sounds/joined.wav" preload="auto"></audio>`
			`<audio id="userLeft" src="sounds/left.wav" preload="auto"></audio>`
			`</div>`
Implements welcome page. 2014-08-21 16:42:54 +00:00			`</div>`
Add wrapper 2016-11-03 14:18:28 +00:00
initial commit 2013-12-16 11:22:23 +00:00			`</div>`
			`</div>`
An initial version of a "keyboard shortcuts" help panel. 2016-06-10 19:42:17 +00:00			`<div id="keyboard-shortcuts" class="keyboard-shortcuts" style="display:none;">`
			`<div class="content">`
Dialogs re-design, invite and password modifications 2016-10-12 00:08:24 +00:00			`<ul id="keyboard-shortcuts-list" class="shortcuts-list">`
An initial version of a "keyboard shortcuts" help panel. 2016-06-10 19:42:17 +00:00			`</ul>`
			`</div>`
			`</div>`
initial commit 2013-12-16 11:22:23 +00:00			`</body>`
			`</html>`