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" >
2013-12-16 11:22:23 +00:00
< head >
2016-06-09 04:51:45 +00:00
< meta charset = "utf-8" / >
< meta http-equiv = "content-type" content = "text/html;charset=utf-8" >
2016-05-20 21:51:37 +00:00
<!-- #include virtual="base.html" -->
2016-04-01 19:44:25 +00:00
< script >
window.indexLoadedTime = window.performance.now();
console.log("(TIME) index.html loaded:\t", indexLoadedTime);
< / script >
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 -->
2016-03-28 21:19:32 +00:00
< script src = "utils.js?v=1" > < / script >
<!-- #include virtual="connection_optimization/connection_optimization.html" -->
2016-03-28 22:42:20 +00:00
< script src = "connection_optimization/do_external_connect.js?v=1" > < / script >
2016-08-03 16:52:56 +00:00
< script > <!-- # include virtual = "/interface_config.js" -- > < / script >
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 >
2016-08-01 22:11:16 +00:00
<!-- #include virtual="title.html" -->
2016-03-28 21:19:32 +00:00
< link rel = "stylesheet" href = "css/all.css" / >
2015-03-30 14:00:23 +00:00
<!-- #include virtual="plugin.head.html" -->
2013-12-16 11:22:23 +00:00
< / head >
< body >
2014-08-21 16:42:54 +00:00
< div id = "welcome_page" >
< div id = "welcome_page_header" >
2014-09-25 10:48:37 +00:00
< a target = "_new" >
< div class = "watermark leftwatermark" > < / div >
2014-08-21 16:42:54 +00:00
< / a >
2014-09-25 10:48:37 +00:00
< a target = "_new" >
< div class = "watermark rightwatermark" > < / div >
< / a >
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 >
2014-09-02 08:33:00 +00:00
2014-08-26 10:54:43 +00:00
< div id = "enter_room_container" >
< div id = "enter_room_form" >
< div id = "domain_name" > < / div >
< div id = "enter_room" >
2016-03-31 18:31:05 +00:00
< input id = "enter_room_field" type = "text" autofocus / >
2014-08-27 10:59:28 +00:00
< div class = "icon-reload" id = "reload_roomname" > < / div >
2015-02-06 15:46:50 +00:00
< input id = "enter_room_button" type = "button" data-i18n = "[value]welcomepage.go" value = "GO" / >
2014-08-27 10:59:28 +00:00
2014-08-26 10:54:43 +00:00
< / div >
< / div >
2014-08-21 16:42:54 +00:00
< / div >
< div id = "brand_header" > < / div >
2014-08-27 10:28:08 +00:00
< input type = 'checkbox' name = 'checkbox' id = "disable_welcome" / >
2015-02-06 15:46:50 +00:00
< label for = "disable_welcome" class = "disable_welcome_position" data-i18n = "welcomepage.disable" > < / label >
2015-03-30 14:00:23 +00:00
< div id = "header_text" >
<!-- #include virtual="plugin.header.text.html" -->
< / div >
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" >
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" }' >
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< div class = "feature_holder" >
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" >
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< div class = "feature_holder" >
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" }' >
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< div class = "feature_holder" >
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" >
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< / div >
< div class = "feature_row" >
< div class = "feature_holder" >
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 >
2014-08-21 16:42:54 +00:00
< / div >
< div class = "feature_holder" >
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 >
2014-08-21 16:42:54 +00:00
< / div >
< div class = "feature_holder" >
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 >
2014-08-21 16:42:54 +00:00
< / div >
< div class = "feature_holder" >
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 >
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< / div >
< / div >
2015-03-30 14:00:23 +00:00
<!-- #include virtual="plugin.welcomepage.footer.html" -->
2014-08-21 16:42:54 +00:00
< / div >
< div id = "videoconference_page" >
2016-09-08 18:22:50 +00:00
< div id = "mainToolbarContainer" >
2015-03-12 16:51:31 +00:00
< div id = "notice" class = "notice" style = "display: none" >
< span id = "noticeText" class = "noticeText" > < / span >
< / div >
2016-09-11 21:54:32 +00:00
< span id = "mainToolbar" class = "toolbar" > < / span >
2014-06-20 09:00:49 +00:00
< / div >
2016-09-08 18:22:50 +00:00
< div id = "subject" class = "hide" > < / div >
2016-09-10 02:26:29 +00:00
< div id = "extendedToolbar" class = "toolbar" >
2016-09-11 21:54:32 +00:00
< a class = "button" id = "toolbar_button_profile" data-container = "body" data-placement = "right" data-i18n = "[content]toolbar.profile" content = "Edit your profile" >
2016-09-08 18:22:50 +00:00
< img id = "avatar" src = "images/avatar2.png" / >
< / a >
< span id = "authentication" class = "authentication" style = "display: none" >
< a class = "button icon-avatar" id = "toolbar_button_authentication" data-i18n = "[content]toolbar.authenticate" > < / a >
< ul class = "loginmenu" >
< span class = "loginmenuPadding" > < / span >
< li id = "toolbar_auth_identity" > < / li >
< li id = "toolbar_button_login" >
< a class = "authButton" data-i18n = "toolbar.login" > < / a >
< / li >
< li id = "toolbar_button_logout" >
< a class = "authButton" data-i18n = "toolbar.logout" > < / a >
< / li >
< / ul >
< / span >
2016-09-10 02:26:29 +00:00
< a class = "button icon-link" id = "toolbar_button_link" data-container = "body" data-toggle = "popover" data-placement = "right" data-i18n = "[content]toolbar.invite" content = "Invite others" > < / a >
2016-09-08 18:22:50 +00:00
< a class = "button icon-contactList" id = "toolbar_contact_list" data-container = "body" data-toggle = "popover" data-placement = "right" shortcut = "contactlistpopover" data-i18n = "[content]bottomtoolbar.contactlist" content = "Open / close contact list" >
< span id = "numberOfParticipants" > < / span >
< / a >
< a class = "button icon-chat" id = "toolbar_button_chat" data-container = "body" data-toggle = "popover" shortcut = "toggleChatPopover" data-placement = "right" data-i18n = "[content]toolbar.chat" content = "Open / close chat" >
< span id = "unreadMessages" > < / span >
< / a >
< a class = "button" id = "toolbar_button_record" data-container = "body" data-toggle = "popover" data-placement = "right" style = "display: none" > < / a >
< a class = "button icon-security" id = "toolbar_button_security" data-container = "body" data-toggle = "popover" data-placement = "right" data-i18n = "[content]toolbar.lock" content = "Lock / unlock room" > < / a >
< a class = "button icon-share-doc" id = "toolbar_button_etherpad" data-container = "body" data-toggle = "popover" data-placement = "right" content = "Shared document" data-i18n = "[content]toolbar.etherpad" > < / a >
< a class = "button fa fa-share-alt-square" id = "toolbar_button_sharedvideo" data-container = "body" data-toggle = "popover" data-placement = "right" content = "Share a YouTube video" data-i18n = "[content]toolbar.sharedvideo" style = "display: none" >
< ul id = "sharedVideoMutedPopup" class = "loginmenu" >
< li data-i18n = "[html]toolbar.sharedVideoMutedPopup" > < / li >
< / ul >
< / a >
< a class = "button icon-telephone" id = "toolbar_button_sip" data-container = "body" data-toggle = "popover" data-placement = "right" content = "Call SIP number" data-i18n = "[content]toolbar.sip" style = "display: none" > < / a >
< a class = "button icon-dialpad" id = "toolbar_button_dialpad" data-container = "body" data-toggle = "popover" data-placement = "right" content = "Open dialpad" data-i18n = "[content]toolbar.dialpad" style = "display: none" > < / a >
< a class = "button icon-settings" id = "toolbar_button_settings" data-container = "body" data-toggle = "popover" data-placement = "right" content = "Settings" data-i18n = "[content]toolbar.Settings" > < / a >
< a class = "button icon-filmstrip" id = "toolbar_film_strip" data-container = "body" data-toggle = "popover" shortcut = "filmstripPopover" data-placement = "right" data-i18n = "[content]toolbar.filmstrip" content = "Show / hide videos" > < / a >
< a class = "button fa fa-heart" id = "feedbackButton" data-container = "body" data-toggle = "popover" data-placement = "right" data-i18n = "[content]feedback" > < / a >
2016-09-10 02:26:29 +00:00
< div id = "sideToolbarContainer" >
2016-09-11 21:54:32 +00:00
< div id = "profile_container" class = "sideToolbarContainer__inner" >
< div class = "title" data-i18n = "profile.title" > < / div >
< div class = "sideToolbarBlock first" >
< label class = "first" data-i18n = "profile.setDisplayNameLabel" > < / label >
< input type = "text" id = "setDisplayName" data-i18n = "[placeholder]settings.name" placeholder = "Name" >
< / div >
< div class = "sideToolbarBlock" >
< label data-i18n = "profile.setEmailLabel" > < / label >
< input type = "text" id = "setEmail" placeholder = "Enter e-mail" >
< / div >
< / div >
2016-09-10 02:26:29 +00:00
< div id = "chat_container" class = "sideToolbarContainer__inner" >
< div id = "nickname" >
< span data-i18n = "chat.nickname.title" > < / span >
< form >
< input type = 'text' id = "nickinput" data-i18n = "[placeholder]chat.nickname.popover" autofocus >
< / form >
< / div >
< div id = "chatconversation" > < / div >
< audio id = "chatNotification" src = "sounds/incomingMessage.wav" preload = "auto" > < / audio >
< textarea id = "usermsg" data-i18n = "[placeholder]chat.messagebox" autofocus > < / textarea >
< div id = "smileysarea" >
< div id = "smileys" id = "toggle_smileys" >
< img src = "images/smile.svg" / >
< / div >
< / div >
< / div >
< div id = "contacts_container" class = "sideToolbarContainer__inner" >
< div class = "title" data-i18n = "contactlist" > < / div >
< ul id = "contacts" > < / ul >
< / div >
< div id = "settings_container" class = "sideToolbarContainer__inner" >
< div class = "title" data-i18n = "settings.title" > < / div >
2016-09-11 21:54:32 +00:00
< select class = "first" id = "languages_selectbox" > < / select >
< div class = "subTitle" data-i18n = "settings.audioVideo" > < / div >
< div id = "devicesOptions" >
< div class = "sideToolbarBlock first" >
< label class = "first" data-i18n = "settings.selectCamera" > < / label >
< select id = "selectCamera" > < / select >
< / div >
< div class = "sideToolbarBlock" >
< label data-i18n = "settings.selectMic" > < / label >
< select id = "selectMic" > < / select >
< / div >
< div class = "sideToolbarBlock" >
< label data-i18n = "settings.selectAudioOutput" > < / label >
< select id = "selectAudioOutput" > < / select >
< / div >
< / div >
< div class = "subTitle" data-i18n = "settings.moderator" > < / div >
2016-09-10 02:26:29 +00:00
< div id = "startMutedOptions" >
2016-09-11 21:54:32 +00:00
< div class = "sideToolbarBlock first" >
2016-09-10 02:26:29 +00:00
< input type = "checkbox" id = "startAudioMuted" >
2016-09-11 21:54:32 +00:00
< label class = "startMutedLabel" for = "startAudioMuted" data-i18n = "settings.startAudioMuted" > < / label >
< / div >
< div class = "sideToolbarBlock" >
2016-09-10 02:26:29 +00:00
< input type = "checkbox" id = "startVideoMuted" >
2016-09-11 21:54:32 +00:00
< label class = "startMutedLabel" for = "startVideoMuted" data-i18n = "settings.startVideoMuted" > < / label >
< / div >
2016-09-10 02:26:29 +00:00
< / div >
2016-09-11 21:54:32 +00:00
< div id = "followMeOptions" class = "sideToolbarBlock" >
< input type = "checkbox" id = "followMeCheckBox" >
< label class = "followMeLabel" for = "followMeCheckBox" data-i18n = "settings.followMe" > < / label >
2016-09-10 02:26:29 +00:00
< / div >
< a id = "downloadlog" data-container = "body" data-toggle = "popover" data-placement = "right" data-i18n = "[data-content]downloadlogs" > < i class = "fa fa-cloud-download" > < / i > < / a >
< / div >
< / div >
< / div >
2015-01-07 14:54:03 +00:00
< div id = "videospace" >
2015-12-25 16:55:45 +00:00
< div id = "largeVideoContainer" class = "videocontainer" >
< div id = "presentation" > < / div >
2016-03-18 20:00:55 +00:00
< div id = "sharedVideo" > < div id = "sharedVideoIFrame" > < / div > < / div >
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 >
2016-01-12 00:14:01 +00:00
< div id = "dominantSpeaker" >
2016-01-12 22:48:47 +00:00
< img id = "dominantSpeakerAvatar" src = "" / >
2016-01-12 00:14:01 +00:00
< canvas id = "dominantSpeakerAudioLevel" > < / canvas >
2015-12-25 16:55:45 +00:00
< / div >
< div id = "largeVideoWrapper" >
2016-09-10 02:26:29 +00:00
< video id = "largeVideo" muted = "true" preload = "auto" autoplay > < / video >
2015-12-25 16:55:45 +00:00
< / div >
< span id = "videoConnectionMessage" > < / span >
2016-03-15 20:26:22 +00:00
< span id = "videoResolutionLabel" > HD< / span >
2016-07-08 12:50:09 +00:00
< span id = "recordingLabel" class = "centeredVideoLabel" >
< span id = "recordingLabelText" > < / span >
< img id = "recordingSpinner" class = "recordingSpinner" src = "images/spin.svg" > < / img >
< / span >
2015-12-25 16:55:45 +00:00
< / div >
2014-08-21 16:42:54 +00:00
< div id = "remoteVideos" >
< span id = "localVideoContainer" class = "videocontainer" >
< span id = "localVideoWrapper" >
2016-01-22 17:37:48 +00:00
<!-- <video id="localVideo" autoplay muted></video> - is now per stream generated -->
2014-08-21 16:42:54 +00:00
< / span >
2016-01-22 17:37:48 +00:00
< audio id = "localAudio" autoplay muted > < / audio >
2014-08-21 16:42:54 +00:00
< span class = "focusindicator" > < / span >
2014-03-26 10:33:46 +00:00
< / span >
2014-08-21 16:42:54 +00:00
< audio id = "userJoined" src = "sounds/joined.wav" preload = "auto" > < / audio >
< audio id = "userLeft" src = "sounds/left.wav" preload = "auto" > < / audio >
< / div >
2013-12-16 11:22:23 +00:00
< / div >
< / div >
2016-06-10 19:42:17 +00:00
< div id = "keyboard-shortcuts" class = "keyboard-shortcuts" style = "display:none;" >
< div class = "header" > < h3 data-i18n = "keyboardShortcuts.keyboardShortcuts" > < / h3 > < / div >
< div class = "content" >
2016-08-29 03:59:09 +00:00
< ul id = "keyboard-shortcuts-list" class = "item" >
2016-06-10 19:42:17 +00:00
< / ul >
< / div >
< / div >
2013-12-16 11:22:23 +00:00
< / body >
< / html >
