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 >
2014-09-30 13:05:28 +00:00
<!-- #include virtual="title.html" -->
2014-04-22 11:01:04 +00:00
< link rel = "icon" type = "image/png" href = "/images/favicon.ico" / >
2014-04-03 11:07:32 +00:00
< meta property = "og:title" content = "Jitsi Meet" / >
< meta property = "og:image" content = "/images/jitsilogo.png" / >
< meta property = "og:description" content = "Join a WebRTC video conference powered by the Jitsi Videobridge" / >
< meta description = "Join a WebRTC video conference powered by the Jitsi Videobridge" / >
< meta itemprop = "name" content = "Jitsi Meet" / >
< meta itemprop = "description" content = "Join a WebRTC video conference powered by the Jitsi Videobridge" / >
< meta itemprop = "image" content = "/images/jitsilogo.png" / >
2014-08-29 09:15:11 +00:00
< script src = "libs/jquery-2.1.1.min.js" > < / script >
2014-10-15 14:11:54 +00:00
< script src = "config.js?v=5" > < / script > <!-- adapt to your needs, i.e. set hosts and bosh path -->
2014-12-05 16:00:24 +00:00
< script src = "simulcast.js?v=8" > < / script > <!-- simulcast handling -->
< script src = "libs/strophe/strophe.jingle.adapter.js?v=4" > < / script > <!-- strophe.jingle bundles -->
2014-09-10 14:09:46 +00:00
< script src = "libs/strophe/strophe.min.js?v=1" > < / script >
2014-09-25 10:17:34 +00:00
< script src = "libs/strophe/strophe.disco.min.js?v=1" > < / script >
< script src = "libs/strophe/strophe.caps.jsonly.min.js?v=1" > < / script >
2014-10-17 12:52:57 +00:00
< script src = "libs/strophe/strophe.jingle.js?v=2" > < / script >
2014-04-02 13:48:28 +00:00
< script src = "libs/strophe/strophe.jingle.sdp.js?v=2" > < / script >
2014-03-13 12:22:54 +00:00
< script src = "libs/strophe/strophe.jingle.sdp.util.js?v=1" > < / script >
2014-03-12 18:59:16 +00:00
< script src = "libs/strophe/strophe.jingle.sessionbase.js?v=1" > < / script >
2014-10-15 15:00:09 +00:00
< script src = "libs/strophe/strophe.jingle.session.js?v=2" > < / script >
2014-09-09 08:35:00 +00:00
< script src = "libs/strophe/strophe.util.js" > < / script >
2014-11-11 14:46:13 +00:00
< script src = "libs/colibri/colibri.focus.js?v=12" > < / script > <!-- colibri focus implementation -->
2014-03-06 14:28:36 +00:00
< script src = "libs/colibri/colibri.session.js?v=1" > < / script >
2014-08-01 02:02:30 +00:00
< script src = "libs/jquery-ui.js" > < / script >
2014-08-08 13:25:24 +00:00
< script src = "libs/rayo.js?v=1" > < / script >
2014-06-18 11:42:31 +00:00
< script src = "libs/tooltip.js?v=1" > < / script > <!-- bootstrap tooltip lib -->
< script src = "libs/popover.js?v=1" > < / script > <!-- bootstrap tooltip lib -->
2014-11-28 15:23:17 +00:00
< script src = "libs/pako.bundle.js?v=1" > < / script > <!-- zlib deflate -->
2014-10-30 16:07:11 +00:00
< script src = "libs/toastr.js?v=1" > < / script > <!-- notifications lib -->
2014-12-17 12:45:04 +00:00
< script src = "interface_config.js?v=5" > < / script >
2014-10-31 11:47:12 +00:00
< script src = "muc.js?v=17" > < / script > <!-- simple MUC library -->
2014-02-05 13:01:22 +00:00
< script src = "estos_log.js?v=2" > < / script > <!-- simple stanza logger -->
2014-08-14 15:29:28 +00:00
< script src = "desktopsharing.js?v=3" > < / script > <!-- desktop sharing -->
2014-08-22 15:37:11 +00:00
< script src = "data_channels.js?v=3" > < / script > <!-- data channels -->
2014-12-05 16:00:24 +00:00
< script src = "app.js?v=22" > < / script > <!-- application logic -->
2014-06-20 09:00:49 +00:00
< script src = "commands.js?v=1" > < / script > <!-- application logic -->
2014-10-31 11:47:12 +00:00
< script src = "chat.js?v=15" > < / script > <!-- chat logic -->
2014-12-12 12:18:36 +00:00
< script src = "contact_list.js?v=8" > < / script > <!-- contact list logic -->
2014-10-31 11:47:12 +00:00
< script src = "side_panel_toggler.js?v=1" > < / script >
< script src = "util.js?v=7" > < / script > <!-- utility functions -->
2014-12-12 09:32:16 +00:00
< script src = "etherpad.js?v=10" > < / script > <!-- etherpad plugin -->
< script src = "prezi.js?v=7" > < / script > <!-- prezi plugin -->
2014-10-23 10:23:00 +00:00
< script src = "smileys.js?v=3" > < / script > <!-- smiley images -->
< script src = "replacement.js?v=7" > < / script > <!-- link and smiley replacement -->
2014-08-14 15:29:28 +00:00
< script src = "moderatemuc.js?v=4" > < / script > <!-- moderator plugin -->
2014-05-01 08:31:58 +00:00
< script src = "analytics.js?v=1" > < / script > <!-- google analytics plugin -->
2014-10-29 10:49:57 +00:00
< script src = "rtp_sts.js?v=5" > < / script > <!-- RTP stats processing -->
2014-10-17 12:52:57 +00:00
< script src = "local_sts.js?v=2" > < / script > <!-- Local stats processing -->
2014-12-12 09:32:16 +00:00
< script src = "videolayout.js?v=31" > < / script > <!-- video ui -->
2014-10-16 15:11:26 +00:00
< script src = "connectionquality.js?v=1" > < / script >
2014-12-17 12:45:04 +00:00
< script src = "toolbar.js?v=7" > < / script > <!-- toolbar ui -->
2014-09-18 12:39:40 +00:00
< script src = "toolbar_toggler.js?v=2" > < / script >
2014-07-22 13:12:48 +00:00
< script src = "canvas_util.js?v=1" > < / script > <!-- canvas drawing utils -->
2014-12-11 11:37:41 +00:00
< script src = "audio_levels.js?v=4" > < / script > <!-- audio levels plugin -->
2014-10-31 11:47:12 +00:00
< script src = "media_stream.js?v=2" > < / script > <!-- media stream -->
< script src = "bottom_toolbar.js?v=6" > < / script > <!-- media stream -->
2014-12-05 16:00:24 +00:00
< script src = "moderator.js?v=2" > < / script > <!-- media stream -->
2014-08-26 10:54:43 +00:00
< script src = "roomname_generator.js?v=1" > < / script > <!-- generator for random room names -->
2014-10-23 10:23:00 +00:00
< script src = "keyboard_shortcut.js?v=3" > < / script >
2014-11-28 15:05:10 +00:00
< script src = "recording.js?v=1" > < / script >
2014-08-25 10:30:31 +00:00
< script src = "tracking.js?v=1" > < / script > <!-- tracking -->
2014-10-17 13:51:23 +00:00
< script src = "jitsipopover.js?v=3" > < / script >
2014-10-30 16:07:11 +00:00
< script src = "message_handler.js?v=2" > < / script >
2014-10-27 13:24:09 +00:00
< script src = "api_connector.js?v=2" > < / script >
2014-10-31 11:47:12 +00:00
< script src = "settings_menu.js?v=1" > < / script >
2014-12-12 12:18:36 +00:00
< script src = "avatar.js?v=4" > < / script > <!-- avatars -->
2014-10-31 11:47:12 +00:00
< link rel = "stylesheet" href = "css/font.css?v=6" / >
2014-10-30 16:07:11 +00:00
< link rel = "stylesheet" href = "css/toastr.css?v=1" >
2014-10-31 11:47:12 +00:00
< link rel = "stylesheet" type = "text/css" media = "screen" href = "css/main.css?v=30" / >
2014-12-12 09:32:16 +00:00
< link rel = "stylesheet" type = "text/css" media = "screen" href = "css/videolayout_default.css?v=16" id = "videolayout_default" / >
2014-10-31 11:47:12 +00:00
< link href = "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel = "stylesheet" >
2014-02-11 14:05:17 +00:00
< link rel = "stylesheet" href = "css/jquery-impromptu.css?v=4" >
2014-02-05 13:01:22 +00:00
< link rel = "stylesheet" href = "css/modaldialog.css?v=3" >
2014-09-30 14:57:35 +00:00
< link rel = "stylesheet" href = "css/popup_menu.css?v=4" >
2014-09-18 13:26:12 +00:00
< link rel = "stylesheet" href = "css/popover.css?v=2" >
2014-10-30 16:07:11 +00:00
< link rel = "stylesheet" href = "css/jitsi_popover.css?v=2" >
2014-10-31 11:47:12 +00:00
< link rel = "stylesheet" href = "css/contact_list.css?v=4" >
2014-10-02 09:30:46 +00:00
< link rel = "stylesheet" href = "css/chat.css?v=5" >
2014-09-25 10:48:37 +00:00
< link rel = "stylesheet" href = "css/welcome_page.css?v=2" >
2014-10-31 11:47:12 +00:00
< link rel = "stylesheet" href = "css/settingsmenu.css?v=1" >
2014-03-17 13:00:47 +00:00
<!--
Link used for inline installation of chrome desktop streaming extension,
2014-04-01 11:19:11 +00:00
is updated automatically from the code with the value defined in config.js -->
2014-03-17 13:00:47 +00:00
< link rel = "chrome-webstore-item" href = "https://chrome.google.com/webstore/detail/diibjkoicjeejcmhdnailmkgecihlobk" >
2014-02-05 13:01:22 +00:00
< script src = "libs/jquery-impromptu.js" > < / script >
< script src = "libs/jquery.autosize.js" > < / script >
2014-02-13 12:08:56 +00:00
< script src = "libs/prezi_player.js?v=2" > < / script >
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 >
< a class = "poweredby" href = "http://jitsi.org" target = "_new" > powered by 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" >
2014-09-02 08:03:53 +00:00
< input id = "enter_room_field" type = "text" autofocus placeholder = "Enter room name" / >
2014-08-27 10:59:28 +00:00
< div class = "icon-reload" id = "reload_roomname" > < / div >
2014-08-26 10:54:43 +00:00
< input id = "enter_room_button" type = "button" 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" / >
< label for = "disable_welcome" class = "disable_welcome_position" > Don't show this page next time I enter< / label >
2014-08-21 17:28:50 +00:00
< div id = "header_text" > < / 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" >
< div class = "feature_icon" > Simple to use< / div >
< div class = "feature_description" >
2014-08-26 10:54:43 +00:00
No downloads required. < span name = "appName" > < / span > works directly within your browser. Simply share your conference URL with others to get started.
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< div class = "feature_holder" >
< div class = "feature_icon" > Low bandwidth< / div >
< div class = "feature_description" >
Multi-party video conferences work with as little as 128Kbps. Screen-sharing and audio-only conferences are possible with far less.
< / div >
< / div >
< div class = "feature_holder" >
< div class = "feature_icon" > Open source< / div >
< div class = "feature_description" >
2014-08-27 08:43:43 +00:00
< span name = "appName" > < / span > is licensed under MIT. You are free to download, use, modify, and share them as per these licenses.
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< div class = "feature_holder" >
< div class = "feature_icon" > Unlimited users< / div >
< div class = "feature_description" >
There are no artificial restrictions on the number of users or conference participants. Server power and bandwidth are the only limiting factors.
< / div >
< / div >
< / div >
< div class = "feature_row" >
< div class = "feature_holder" >
< div class = "feature_icon" > Screen sharing< / div >
< div class = "feature_description" >
2014-08-26 10:54:43 +00:00
It's easy to share your screen with others. < span name = "appName" > < / span > is ideal for on-line presentations, lectures, and tech support sessions.
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< div class = "feature_holder" >
< div class = "feature_icon" > Secure rooms< / div >
< div class = "feature_description" >
2014-08-26 10:54:43 +00:00
Need some privacy? < span name = "appName" > < / span > conference rooms can be secured with a password in order to exclude unwanted guests and prevent interruptions.
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< div class = "feature_holder" >
< div class = "feature_icon" > Shared notes< / div >
< div class = "feature_description" >
2014-08-26 10:54:43 +00:00
< span name = "appName" > < / span > features Etherpad, a real-time collaborative text editor that's great for meeting minutes, writing articles, and more.
2014-08-21 16:42:54 +00:00
< / div >
< / div >
< div class = "feature_holder" >
< div class = "feature_icon" > Usage statistics< / div >
< div class = "feature_description" >
Learn about your users through easy integration with Piwik, Google Analytics, and other usage monitoring and statistics systems.
< / div >
< / div >
< / div >
< / div >
< / div >
< / div >
< div id = "videoconference_page" >
< div style = "position: relative;" id = "header_container" >
< div id = "header" >
< span id = "toolbar" >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" shortcut = "mutePopover" content = "Mute / Unmute" onclick = 'toggleAudio();' >
2014-08-21 16:42:54 +00:00
< i id = "mute" class = "icon-microphone" > < / i >
< / a >
2014-07-01 14:02:34 +00:00
< div class = "header_button_separator" > < / div >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" shortcut = "toggleVideoPopover" content = "Start / stop camera" onclick = 'toggleVideo();' >
2014-08-21 16:42:54 +00:00
< i id = "video" class = "icon-camera" > < / i >
2014-08-19 11:43:30 +00:00
< / a >
2014-12-16 13:54:13 +00:00
< span id = "authentication" style = "display: none" >
< div class = "header_button_separator" > < / div >
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Authenticate" onclick = 'authenticateClicked();' >
< i id = "authButton" class = "icon-avatar" > < / i >
< / a >
< / span >
2014-08-21 16:42:54 +00:00
< span id = "recording" style = "display: none" >
< div class = "header_button_separator" > < / div >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Record" onclick = 'toggleRecording();' >
2014-08-21 16:42:54 +00:00
< i id = "recordButton" class = "icon-recEnable" > < / i >
< / a >
< / span >
< div class = "header_button_separator" > < / div >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Lock / unlock room" onclick = "Toolbar.openLockDialog();" >
2014-08-21 16:42:54 +00:00
< i id = "lockIcon" class = "icon-security" > < / i >
2014-08-19 11:43:30 +00:00
< / a >
2014-06-20 09:00:49 +00:00
< div class = "header_button_separator" > < / div >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Invite others" onclick = "Toolbar.openLinkDialog();" >
2014-08-21 16:42:54 +00:00
< i class = "icon-link" > < / i >
2014-08-19 11:43:30 +00:00
< / a >
2014-08-21 16:42:54 +00:00
< div class = "header_button_separator" > < / div >
< span class = "toolbar_span" >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" shortcut = "toggleChatPopover" data-placement = "bottom" content = "Open / close chat" onclick = 'BottomToolbar.toggleChat();' >
2014-10-02 09:30:46 +00:00
< i id = "chatButton" class = "icon-chat" >
< span id = "unreadMessages" > < / span >
< / i >
2014-08-21 16:42:54 +00:00
< / a >
< / span >
2014-09-23 12:27:12 +00:00
< span id = "prezi_button" >
< div class = "header_button_separator" > < / div >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Share Prezi" onclick = 'Prezi.openPreziDialog();' >
2014-09-23 12:27:12 +00:00
< i class = "icon-prezi" > < / i >
< / a >
< / span >
2014-08-21 16:42:54 +00:00
< span id = "etherpadButton" >
< div class = "header_button_separator" > < / div >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Shared document" onclick = 'Etherpad.toggleEtherpad(0);' >
2014-08-21 16:42:54 +00:00
< i class = "icon-share-doc" > < / i >
< / a >
< / span >
< div class = "header_button_separator" > < / div >
< span id = "desktopsharing" style = "display: none" >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Share screen" onclick = "toggleScreenSharing();" >
2014-08-21 16:42:54 +00:00
< i class = "icon-share-desktop" > < / i >
< / a >
< / span >
2014-08-08 13:25:24 +00:00
< div class = "header_button_separator" > < / div >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Enter / Exit Full Screen" onclick = 'buttonClick("#fullScreen", "icon-full-screen icon-exit-full-screen");Toolbar.toggleFullScreen();' >
2014-08-21 16:42:54 +00:00
< i id = "fullScreen" class = "icon-full-screen" > < / i >
< / a >
2014-09-23 07:51:32 +00:00
< span id = "sipCallButton" style = "display: none" >
2014-08-21 16:42:54 +00:00
< div class = "header_button_separator" > < / div >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Call SIP number" onclick = 'callSipButtonClicked();' >
2014-08-21 16:42:54 +00:00
< i class = "icon-telephone" > < / i > < / a >
< / span >
2014-08-25 12:52:20 +00:00
< div class = "header_button_separator" > < / div >
2014-10-31 11:47:12 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Settings" onclick = 'PanelToggler.toggleSettingsMenu();' >
< i id = "settingsButton" class = "icon-settings" > < / i >
< / a >
< div class = "header_button_separator" > < / div >
2014-08-25 12:52:20 +00:00
< span id = "hangup" >
2014-09-30 15:22:22 +00:00
< a class = "button" data-container = "body" data-toggle = "popover" data-placement = "bottom" content = "Hang Up" onclick = 'hangup();' >
2014-08-29 08:49:44 +00:00
< i class = "icon-hangup" style = "color:#ff0000;font-size: 1.4em;" > < / i >
2014-08-25 12:52:20 +00:00
< / a >
< / span >
2014-08-08 13:25:24 +00:00
< / span >
2014-08-21 16:42:54 +00:00
< / div >
< div id = "subject" > < / div >
2014-06-20 09:00:49 +00:00
< / div >
2014-08-21 16:42:54 +00:00
< div id = "settings" >
< h1 > Connection Settings< / h1 >
< form id = "loginInfo" >
< label > JID: < input id = "jid" type = "text" name = "jid" placeholder = "me@example.com" / > < / label >
< label > Password: < input id = "password" type = "password" name = "password" placeholder = "secret" / > < / label >
< label > BOSH URL: < input id = "boshURL" type = "text" name = "boshURL" placeholder = "/http-bind" / > < / label >
< input id = "connect" type = "submit" value = "Connect" / >
< / form >
2013-12-23 16:49:29 +00:00
< / div >
2014-08-21 16:42:54 +00:00
< div id = "reloadPresentation" > < a onclick = 'Prezi.reloadPresentation();' > < i title = "Reload Prezi" class = "fa fa-repeat fa-lg" > < / i > < / a > < / div >
2014-09-04 13:18:28 +00:00
< div id = "videospace" onmousemove = "ToolbarToggler.showToolbar();" >
2014-08-21 16:42:54 +00:00
< div id = "largeVideoContainer" class = "videocontainer" >
< div id = "presentation" > < / div >
< div id = "etherpad" > < / div >
2014-09-30 15:22:22 +00:00
< a target = "_new" > < div class = "watermark leftwatermark" > < / div > < / a >
< a target = "_new" > < div class = "watermark rightwatermark" > < / div > < / a >
2014-09-25 10:48:37 +00:00
< a class = "poweredby" href = "http://jitsi.org" target = "_new" > powered by jitsi.org< / a >
2014-12-12 09:32:16 +00:00
< div id = "activeSpeaker" >
< img id = "activeSpeakerAvatar" src = "" / >
< canvas id = "activeSpeakerAudioLevel" > < / canvas >
< / div >
2014-08-21 16:42:54 +00:00
< video id = "largeVideo" autoplay oncontextmenu = "return false;" > < / video >
< / div >
< div id = "remoteVideos" >
< span id = "localVideoContainer" class = "videocontainer" >
< span id = "localNick" class = "nick" > < / span >
< span id = "localVideoWrapper" >
<!-- <video id="localVideo" autoplay oncontextmenu="return false;" muted></video> - is now per stream generated -->
< / span >
< audio id = "localAudio" autoplay oncontextmenu = "return false;" muted > < / audio >
< span class = "focusindicator" > < / span >
2014-10-16 15:11:26 +00:00
<!-- <div class="connectionindicator">
< span class = "connection connection_empty" > < i class = "icon-connection" > < / i > < / span >
< span class = "connection connection_full" > < i class = "icon-connection" > < / i > < / span >
< / div > -->
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 >
2014-08-22 15:37:11 +00:00
< span id = "bottomToolbar" >
< span class = "bottomToolbar_span" >
2014-09-08 17:01:10 +00:00
< a class = "bottomToolbarButton" data-container = "body" data-toggle = "popover" shortcut = "toggleChatPopover" data-placement = "top" content = "Open / close chat" onclick = 'BottomToolbar.toggleChat();' >
2014-10-02 09:30:46 +00:00
< i id = "chatBottomButton" class = "icon-chat-simple" >
< span id = "bottomUnreadMessages" > < / span >
< / i >
2014-08-22 15:37:11 +00:00
< / a >
< / span >
2014-09-18 13:26:12 +00:00
< div class = "bottom_button_separator" > < / div >
2014-08-22 15:37:11 +00:00
< span class = "bottomToolbar_span" >
2014-10-10 10:57:00 +00:00
< a class = "bottomToolbarButton" data-container = "body" data-toggle = "popover" data-placement = "top" id = "contactlistpopover" content = "Open / close contact list" onclick = 'BottomToolbar.toggleContactList();' >
2014-11-03 14:55:45 +00:00
< i id = "contactListButton" class = "icon-contactList" >
< span id = "numberOfParticipants" > < / span >
< / i >
2014-08-22 15:37:11 +00:00
< / a >
2014-09-04 08:15:48 +00:00
< / span >
2014-09-18 13:26:12 +00:00
< div class = "bottom_button_separator" > < / div >
2014-09-04 08:15:48 +00:00
< span class = "bottomToolbar_span" >
2014-09-08 17:01:10 +00:00
< a class = "bottomToolbarButton" data-container = "body" data-toggle = "popover" shortcut = "filmstripPopover" data-placement = "top" content = "Show / hide film strip" onclick = 'BottomToolbar.toggleFilmStrip()' >
2014-09-04 08:15:48 +00:00
< i id = "filmStripButton" class = "icon-filmstrip" > < / i >
< / a >
2014-08-22 15:37:11 +00:00
< / span >
< / span >
2013-12-16 11:22:23 +00:00
< / div >
2014-10-31 11:47:12 +00:00
< div id = "chatspace" class = "right-panel" >
2014-08-21 16:42:54 +00:00
< div id = "nickname" >
Enter a nickname in the box below
< form >
< input type = 'text' id = "nickinput" placeholder = 'Choose a nickname' autofocus >
< / form >
< / div >
2014-02-18 19:11:27 +00:00
2014-08-21 16:42:54 +00:00
<!-- div><i class="fa fa - comments"> </i><span class='nick'></span>: <span class='chattext'></span></div -->
< div id = "chatconversation" > < / div >
< audio id = "chatNotification" src = "sounds/incomingMessage.wav" preload = "auto" > < / audio >
2014-10-10 10:57:00 +00:00
< textarea id = "usermsg" placeholder = 'Enter text...' autofocus > < / textarea >
< div id = "smileysarea" >
< div id = "smileys" onclick = "Chat.toggleSmileys()" >
< img src = "images/smile.svg" / >
< / div >
< / div >
2014-08-21 16:42:54 +00:00
< / div >
2014-10-31 11:47:12 +00:00
< div id = "contactlist" class = "right-panel" >
2014-08-25 12:48:16 +00:00
< ul >
< li class = "title" > < i class = "icon-contact-list" > < / i > CONTACT LIST< / li >
< / ul >
< / div >
2014-10-31 11:47:12 +00:00
< div id = "settingsmenu" class = "right-panel" >
< div class = "icon-settings" > SETTINGS< / div >
2014-12-12 12:18:36 +00:00
< img id = "avatar" src = "https://www.gravatar.com/avatar/87291c37c25be69a072a4514931b1749?d=wavatar&size=30" / >
2014-10-31 11:47:12 +00:00
< div class = "arrow-up" > < / div >
< input type = "text" id = "setDisplayName" placeholder = "Name" >
< input type = "text" id = "setEmail" placeholder = "E-Mail" >
< button onclick = "SettingsMenu.update()" id = "updateSettings" > Update< / button >
< / div >
2014-09-30 15:22:22 +00:00
< a id = "downloadlog" onclick = 'dump(event.target);' data-container = "body" data-toggle = "popover" data-placement = "right" data-content = "Download logs" > < i class = "fa fa-cloud-download" > < / i > < / a >
2013-12-16 11:22:23 +00:00
< / div >
< / body >
< / html >
