2013-03-28 16:42:49 +01:00
<!DOCTYPE html>
< html >
2013-03-28 17:52:07 +01:00
< head >
2013-03-28 16:42:49 +01:00
< meta charset = 'utf-8' / >
< meta http-equiv = "X-UA-Compatible" content = "chrome=1" / >
2013-04-01 18:41:46 +02:00
< meta name = "description" content = "Converse.js: Browser-based Instant Messaging" / >
2013-03-28 16:42:49 +01:00
< link rel = "stylesheet" type = "text/css" media = "screen" href = "stylesheets/stylesheet.css" >
2013-04-01 18:41:46 +02:00
< link rel = "stylesheet" type = "text/css" media = "screen" href = "converse.css" >
< script data-main = "main" src = "Libraries/require-jquery.js" > < / script >
2013-03-28 16:42:49 +01:00
< title > Converse.js< / title >
2013-03-28 17:52:07 +01:00
< / head >
2013-03-28 16:42:49 +01:00
2013-03-28 17:52:07 +01:00
< body >
2013-03-28 16:42:49 +01:00
<!-- HEADER -->
< div id = "header_wrap" class = "outer" >
< header class = "inner" >
< a id = "forkme_banner" href = "https://github.com/jcbrand/converse.js" > View on GitHub< / a >
< h1 id = "project_title" > Converse.js< / h1 >
< h2 id = "project_tagline" > Browser-based Instant Messaging with Strophe.js and Backbone.js< / h2 >
< section id = "downloads" >
< a class = "zip_download_link" href = "https://github.com/jcbrand/converse.js/zipball/master" > Download this project as a .zip file< / a >
< a class = "tar_download_link" href = "https://github.com/jcbrand/converse.js/tarball/master" > Download this project as a tar.gz file< / a >
< / section >
< / header >
< / div >
<!-- MAIN CONTENT -->
< div id = "main_content_wrap" class = "outer" >
2013-04-01 18:41:46 +02:00
< section id = "main_content" class = "inner" >
2013-04-12 15:59:08 +02:00
< p > < strong > Converse.js< / strong > implements an < a href = "http://xmpp.org" > XMPP< / a > based instant messaging client in the browser.< / p >
< p > It is used by < a href = "http://github.com/collective/collective.xmpp.chat" > collective.xmpp.chat< / a > , which is a < a href = "http://plone.org" > Plone< / a > instant messaging add-on.< / p >
< p > The ultimate goal is to enable anyone to add chat functionality to their websites, regardless of the backend.< / p >
< p > This is currently possible, except for adding new contacts, which still makes an XHR call to the (Plone) backend to fetch user info.< / p >
2013-03-28 16:42:49 +01:00
2013-04-01 18:41:46 +02:00
< h2 > Features< / h2 >
< ul >
< li > Manually or automically subscribe to other users.< / li >
< li > Accept or decline contact requests< / li >
< li > Chat status (online, busy, away, offline)< / li >
< li > Custom status messages< / li >
< li > Typing notifications< / li >
< li > Third person messages (/me )< / li >
< li > Multi-user chat in chatrooms< / li >
< li > Chatroom Topics< / li >
< li > vCard support< / li >
< / ul >
2013-03-28 16:42:49 +01:00
2013-04-12 15:59:08 +02:00
< h2 > Screencasts< / h2 >
< ul >
< li > < a href = "http://opkode.com/media/blog/instant-messaging-for-plone-with-javascript-and-xmpp" > Screencast 1< / a > :
Integrated into a Plone site via < strong > collective.xmpp.chat< / strong > .
< / li >
< li > < a href = "http://opkode.com/media/blog/2013/04/02/converse.js-xmpp-instant-messaging-with-javascript" > Screencast 2< / a > :
A static HTML page with < em > Converse.js< / em > . Here we chat to external XMPP accounts on Jabber.org and Gmail.
< / li >
< / ul >
2013-03-28 16:42:49 +01:00
2013-04-01 18:41:46 +02:00
< h2 > Dependencies< / h2 >
< p > < strong > Converse.js< / strong > depends on a few third party libraries, including:
< ul >
< li > < a href = "http://strophe.im/strophejs" > strophe.js< / a > < / li >
< li > < a href = "http:/backbonejs.org" > backbone.js< / a > < / li >
< li > < a href = "http:/requirejs.org" > require.js< / a > < / li >
< / ul >
< / p >
2013-03-28 16:42:49 +01:00
2013-04-01 18:41:46 +02:00
< h2 > Licence< / h2 >
2013-04-01 19:48:37 +02:00
< div id = "chatpanel" >
2013-04-01 18:41:46 +02:00
< div id = "collective-xmpp-chat-data" > < / div >
< div id = "toggle-controlbox" >
< a href = "#" class = "chat" id = "toggle-online-users" >
2013-04-01 19:48:37 +02:00
< span class = "conn-feedback" > Click here to chat< / span > < strong style = "display: none" id = "online-count" > (0)< / strong >
2013-04-01 18:41:46 +02:00
< / a >
< / div >
2013-03-28 16:42:49 +01:00
< / div >
<!-- FOOTER -->
< div id = "footer_wrap" class = "outer" >
< footer class = "inner" >
< p class = "copyright" > Converse.js maintained by < a href = "https://github.com/jcbrand" > jcbrand< / a > < / p >
< p > Published with < a href = "http://pages.github.com" > GitHub Pages< / a > < / p >
< / footer >
< / div >
2013-04-01 23:44:49 +02:00
2013-04-12 15:59:08 +02:00
< script type = "text/javascript" >
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
< / script >
< script type = "text/javascript" > try { var pageTracker = _gat . _getTracker ( "UA-2128260-8" ) ; pageTracker . _trackPageview ( ) ; } catch ( err ) { } < / script >
2013-03-28 16:42:49 +01:00
< / body >
< / html >
