2014-04-03 11:07:32 +00:00
< html itemscope itemtype = "http://schema.org/Product" prefix = "og: http://ogp.me/ns#" >
2013-12-16 11:22:23 +00:00
< head >
2014-03-28 10:03:17 +00:00
< title > Jitsi Videobridge meets WebRTC< / title >
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" / >
2013-12-16 11:22:23 +00:00
< script src = "//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js" > < / script >
2014-03-06 14:28:36 +00:00
< script src = "libs/strophe/strophe.jingle.adapter.js?v=1" > < / script > <!-- strophe.jingle bundles -->
< script src = "libs/strophe/strophe.jingle.bundle.js?v=8" > < / script >
< script src = "libs/strophe/strophe.jingle.js?v=1" > < / 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-03-06 14:28:36 +00:00
< script src = "libs/strophe/strophe.jingle.session.js?v=1" > < / script >
< script src = "libs/colibri/colibri.focus.js?v=8" > < / script > <!-- colibri focus implementation -->
< script src = "libs/colibri/colibri.session.js?v=1" > < / script >
2014-02-05 13:01:22 +00:00
< script src = "//code.jquery.com/ui/1.10.4/jquery-ui.js" > < / 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-06-13 08:28:08 +00:00
< script src = "config.js?v=2" > < / script > <!-- adapt to your needs, i.e. set hosts and bosh path -->
< script src = "muc.js?v=11" > < / script > <!-- simple MUC library -->
2014-02-05 13:01:22 +00:00
< script src = "estos_log.js?v=2" > < / script > <!-- simple stanza logger -->
2014-06-13 08:28:08 +00:00
< script src = "desktopsharing.js?v=2" > < / script > <!-- desktop sharing -->
2014-05-08 09:26:15 +00:00
< script src = "data_channels.js?v=1" > < / script > <!-- data channels -->
2014-06-13 08:28:08 +00:00
< script src = "app.js?v=27" > < / script > <!-- application logic -->
< script src = "chat.js?v=5" > < / script > <!-- chat logic -->
< script src = "util.js?v=4" > < / script > <!-- utility functions -->
< script src = "etherpad.js?v=8" > < / script > <!-- etherpad plugin -->
< script src = "prezi.js?v=4" > < / script > <!-- prezi plugin -->
< script src = "smileys.js?v=2" > < / script > <!-- smiley images -->
< script src = "replacement.js?v=6" > < / script > <!-- link and smiley replacement -->
< script src = "moderatemuc.js?v=3" > < / script > <!-- moderator plugin -->
2014-05-01 08:31:58 +00:00
< script src = "analytics.js?v=1" > < / script > <!-- google analytics plugin -->
2014-06-05 11:09:31 +00:00
< script src = "rtp_stats.js?v=1" > < / script > <!-- RTP stats processing -->
2014-06-12 18:35:42 +00:00
< script src = "videolayout.js?v=1" > < / script > <!-- video ui -->
< script src = "toolbar.js?v=1" > < / script > <!-- toolbar ui -->
2013-12-16 11:22:23 +00:00
< link href = "//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel = "stylesheet" >
2014-03-26 10:33:46 +00:00
< link rel = "stylesheet" href = "css/font.css" / >
2014-03-26 10:40:47 +00:00
< link rel = "stylesheet" type = "text/css" media = "screen" href = "css/main.css?v=20" / >
2014-04-07 10:16:49 +00:00
< link rel = "stylesheet" type = "text/css" media = "screen" href = "css/videolayout_default.css?v=4" id = "videolayout_default" / >
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-05-11 22:41:58 +00:00
< link rel = "stylesheet" href = "css/popup_menu.css?v=1" >
2014-06-18 11:42:31 +00:00
< link rel = "stylesheet" href = "css/popover.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 >
< div id = "header" >
2013-12-31 08:41:25 +00:00
< span id = "toolbar" >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Mute / Unmute" onclick = 'toggleAudio();' >
< i id = "mute" class = "icon-microphone" > < / i > < / a >
2013-12-16 11:22:23 +00:00
< div class = "header_button_separator" > < / div >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Start / stop camera" onclick = 'buttonClick("#video", "icon-camera icon-camera-disabled");toggleVideo();' >
< i id = "video" class = "icon-camera" > < / i > < / a >
2013-12-16 11:22:23 +00:00
< div class = "header_button_separator" > < / div >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Lock / unlock room" onclick = "Toolbar.openLockDialog();" >
< i id = "lockIcon" class = "icon-security" > < / i > < / a >
2013-12-16 11:22:23 +00:00
< div class = "header_button_separator" > < / div >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Invite others" onclick = "Toolbar.openLinkDialog();" > < i class = "icon-link" > < / i > < / a >
2013-12-16 11:22:23 +00:00
< div class = "header_button_separator" > < / div >
2014-02-18 19:11:27 +00:00
< span class = "toolbar_span" >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Open / close chat" onclick = 'Chat.toggleChat();' > < i id = "chatButton" class = "icon-chat" > < / i > < / a >
2014-02-18 19:11:27 +00:00
< span id = "unreadMessages" > < / span >
< / span >
2014-01-24 10:24:18 +00:00
< div class = "header_button_separator" > < / div >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Share Prezi" onclick = 'Prezi.openPreziDialog();' > < i class = "icon-prezi" > < / i > < / a >
2014-02-19 14:32:22 +00:00
< span id = "etherpadButton" >
< div class = "header_button_separator" > < / div >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Shared document" onclick = 'Etherpad.toggleEtherpad(0);' > < i class = "icon-share-doc" > < / i > < / a >
2014-02-19 14:32:22 +00:00
< / span >
2014-02-09 11:21:18 +00:00
< div class = "header_button_separator" > < / div >
2014-03-13 12:22:54 +00:00
< span id = "desktopsharing" style = "display: none" >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Share screen" onclick = "toggleScreenSharing();" > < i class = "icon-share-desktop" > < / i > < / a >
2014-03-13 12:22:54 +00:00
< div class = "header_button_separator" > < / div >
< / span >
2014-06-18 11:42:31 +00:00
< a class = "button" data-toggle = "popover" data-placement = "bottom" data-content = "Enter / Exit Full Screen" onclick = 'buttonClick("#fullScreen", "icon-full-screen icon-exit-full-screen");Toolbar.toggleFullScreen();' >
< i id = "fullScreen" class = "icon-full-screen" > < / i > < / a >
2013-12-31 08:41:25 +00:00
< / span >
2013-12-16 11:22:23 +00:00
< / div >
< 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 >
< / div >
2014-03-26 10:33:46 +00:00
< div id = "reloadPresentation" > < a onclick = 'Prezi.reloadPresentation();' > < i title = "Reload Prezi" class = "fa fa-repeat fa-lg" > < / i > < / a > < / div >
2014-06-12 18:35:42 +00:00
< div id = "videospace" onmousemove = "Toolbar.showToolbar();" >
2014-01-24 10:24:18 +00:00
< div id = "largeVideoContainer" class = "videocontainer" >
< div id = "presentation" > < / div >
2014-02-12 22:28:56 +00:00
< div id = "etherpad" > < / div >
2014-04-07 10:16:49 +00:00
< a href = "http://jitsi.org" target = "_new" > < div class = "watermark" id = "leftwatermark" > < / div > < / a >
<!-- a href="http://jitsi.org" target="_new"><div class="watermark" id="rightwatermark"></div></a -->
2014-01-24 10:24:18 +00:00
< video id = "largeVideo" autoplay oncontextmenu = "return false;" > < / video >
2013-12-23 16:49:29 +00:00
< / div >
2013-12-16 11:22:23 +00:00
< div id = "remoteVideos" >
2013-12-23 16:49:29 +00:00
< span id = "localVideoContainer" class = "videocontainer" >
2014-03-26 10:33:46 +00:00
< span id = "localNick" class = "nick" > < / span >
< span id = "localVideoWrapper" >
<!-- <video id="localVideo" autoplay oncontextmenu="return false;" muted></video> - is now per stream generated -->
< / span >
2014-03-12 15:08:24 +00:00
< audio id = "localAudio" autoplay oncontextmenu = "return false;" muted > < / audio >
2014-06-18 11:42:31 +00:00
< span class = "focusindicator" data-content = "The owner of this conference" data-toggle = "popover" data-placement = "top" > < / span >
2013-12-23 16:49:29 +00:00
< / span >
2014-02-18 19:11:27 +00:00
< audio id = "userJoined" src = "sounds/joined.wav" preload = "auto" > < / audio >
< audio id = "userLeft" src = "sounds/left.wav" preload = "auto" > < / audio >
2013-12-16 11:22:23 +00:00
< / div >
< / div >
< div id = "chatspace" >
< 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
2013-12-16 11:22:23 +00:00
<!-- div><i class="fa fa - comments"> </i><span class='nick'></span>: <span class='chattext'></span></div -->
< div id = "chatconversation" > < / div >
2014-02-18 19:11:27 +00:00
< audio id = "chatNotification" src = "sounds/incomingMessage.wav" preload = "auto" > < / audio >
2014-02-05 13:01:22 +00:00
< textarea id = "usermsg" placeholder = 'Enter text...' autofocus > < / textarea >
2013-12-16 11:22:23 +00:00
< / div >
2014-06-18 11:42:31 +00:00
< a id = "downloadlog" onclick = 'dump(event.target);' 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
< / body >
< / html >
