chatty.github.io/index.html

282 lines
13 KiB
HTML
Raw Normal View History

2015-06-21 13:35:59 +02:00
<!DOCTYPE html>
<html>
<head>
<title>Chatty - Twitch Chat Client</title>
<link rel="icon" href="icons2.ico" type="image/x-icon" />
<script type="text/javascript" src="humanized_time_span.js"></script>
<script type="text/javascript">
<!--
function loaded() {
custom_date_formats = {
past: [
{ ceiling: 86400, text: "today" },
{ ceiling: 2629744, text: "$days days ago" },
{ ceiling: 31556926, text: "$months months ago" },
{ ceiling: null, text: "$years years ago" }
]
}
2017-09-12 17:39:01 +02:00
document.getElementById("ago").innerHTML = "Version 0.8.7 released "+humanized_time_span("2017/09/12", Date(), custom_date_formats)+"";
2016-04-26 21:14:25 +02:00
2017-09-12 17:39:01 +02:00
getDownloads("v0.8.7");
2016-04-26 21:14:25 +02:00
}
function getDownloads(tag) {
$.getJSON( "https://api.github.com/repos/chatty/chatty/releases/tags/"+tag, function( data ) {
var assets = data.assets;
var total = 0;
for (var i=0; i < assets.length; i++) {
total += assets[i].download_count;
}
$("#dlCount").text("Total Downloads ("+tag+"): "+total);
});
2015-06-21 13:35:59 +02:00
}
-->
</script>
2016-04-26 21:14:25 +02:00
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script>
2015-06-21 13:35:59 +02:00
<style type="text/css">
body {
font-size: 1em;
font-family: Arial, sans-serif;
background-color: #EEE;
}
#content {
margin: auto;
width: 1000px;
background-color: #FFF;
padding: 30px;
border: 1px solid #DDD;
clear:both;
}
li {
margin: 5px;
}
h1 {
display: inline;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 0.9em;
}
#menu {
display: inline;
}
#menu li {
display: inline;
}
#ago {
display: inline;
font-weight: bold;
color: Firebrick;
border: 0px solid #333;
float: right;
}
#top {
width: 1000px;
margin: auto;
text-align: right;
margin-top: 10px;
}
#bottom {
width: 1000px;
margin: auto;
text-align: center;
margin-top: 10px;
}
#project {
2015-06-21 13:35:59 +02:00
float: right;
padding-bottom: 10px;
}
#twitter {
float:right;
padding-right: 25px;
}
#youtube {
float:right;
padding-right: 25px;
2015-06-21 13:35:59 +02:00
}
#flattr {
float:left;
}
dt {
margin-top: 8px;
margin-bottom: 2px;
}
.new {
font-size: 0.75em;
font-style: italic;
background-color: #FFFF77;
}
2016-03-09 00:56:37 +01:00
.announce {
border: 1px solid #000;
padding: 10px;
margin: 10px;
}
.group {
background-color: lightyellow;
}
2015-06-21 13:35:59 +02:00
</style>
<script type="text/javascript">
/* <![CDATA[ */
(function() {
var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
t.parentNode.insertBefore(s, t);
})();
/* ]]> */</script>
</head>
<body onload="loaded()">
<div id="top">
2015-07-17 21:35:23 +02:00
<div id="flattr"><a class="FlattrButton" style="display:none;" rev="flattr;button:compact;" href="http://chatty.github.io"></a></div>
<div id="project"><a href="https://github.com/chatty/chatty">GitHub</a></div>
2015-06-21 13:35:59 +02:00
<div id="youtube"><a href="https://youtube.com/chattyclient">YouTube Channel</a></div>
<div id="twitter"><a href="https://twitter.com/ChattyClient"><img src="twitter.png" /></a></div>
</div>
<div id="content">
<h1><img src="icons2.png" style="margin-bottom: -5px;padding-right: 7px;" />Chatty</h1>
<ul id="menu">
<li><a href="#features">Features</a></li>
<li><a href="#requirements">Requirements</a></li>
<li><a href="#download">Download & Getting started</a></li>
<li><a href="#bugs">Feedback</a></li>
<li><a href="#faq">FAQ</a></li>
</ul>
<p id="ago"></p>
<p style="clear:both;">Chatty is a Twitch chat client for everyone who wants to try something new and different from the webchat, but doesn't want the complexity of an IRC client or miss out on the Twitch specific features.</p>
<h2 id="features">Features</h2>
<ul>
<li>General Features
2015-06-21 13:35:59 +02:00
<ul>
<li>Nick colors, emoticons, user icons (mod, sub, turbo, ..), showing bans, stream status and viewercount display and stats</li>
<li>With <a href="http://frankerfacez.com">FrankerFaceZ</a>-Support (Emoticons &amp; Custom Mod Icons) and <a href="http://betterttv.nightdev.com">BetterTTV</a> emotes (no Personal Emotes though), including unified bot badge</li>
2015-06-21 13:35:59 +02:00
<li>Connect with OAuth (your Twitch account password is never entered in the application)</li>
2016-04-26 21:14:25 +02:00
<li>Show channel information like uptime, slowmode, submode</li>
<li>Basic Whisper Support (no history)</li>
<li>Chatlog, clickable links, improved TAB Completion (nicks, emotes, commands, custom), input history</li>
<li>Message Highlighting, Message Ignore System, Channel Favorites/History</li>
<li><a href="http://speedrunslive.com">SpeedRunsLive</a> Race Viewer</li>
2015-06-21 13:35:59 +02:00
</ul>
</li>
<li>Viewer-centered Features
2015-06-21 13:35:59 +02:00
<ul>
<li>Get notified when channels you follow go live and view a list of live streams</li>
<li>Follow and unfollow channels directly out of Chatty</li>
<li>View and insert your subemotes, channel-specific emotes, all global emotes and Twitch emotes you favorited</li>
2017-09-12 17:39:01 +02:00
<li>Easily open streams in your browser, or run <a href="https://github.com/chrippa/livestreamer">Livestreamer</a> (or the more up-to-date <a href="https://streamlink.github.io/">Streamlink</a>) out of Chatty</li>
2015-06-21 13:35:59 +02:00
<li>Join several channels, popout individual channels to view them side-by-side</li>
</ul>
</li>
<li>Streamer/Moderation-centered Features
<ul>
2017-04-12 05:27:24 +02:00
<li>Streamers can change their stream title/game/community (using presets/favorited games) and run commercials</li>
<li>Let Chatty help making Stream Highlights by adding the current stream time to a file (including optionally your moderators)</li>
<li>View a list with the 100 most recent followers/subscribers of your channel</li>
<li>Graph of how your viewercount developed over time this session</li>
<li>Click on nick in chat to open customizable moderation dialog, showing the last messages of this user (no banning the wrong user) and basic account info</li>
2017-04-12 05:27:24 +02:00
<li>AutoMod dialog to approve/deny filtered messages</li>
2015-06-21 13:35:59 +02:00
</ul>
</li>
<li>Customization
<ul>
<li>Choose your font, customize colors, timestamp, how bans are shown, joins/parts and more</li>
<li>Customize usercolors based on user-type (mod, sub, turbo..), specific usernames or colors (replace colors)</li>
<li>Customize usericons (badges), replace default ones or add your own for specific users</li>
2015-08-10 21:17:20 +02:00
<li>Disable specific emotes, replace emotes with your own locally, change scaling all emotes in chat or the Emote Dialog</li>
2015-06-21 13:35:59 +02:00
<li>Create custom commands and add them to context menus or the user dialog</li>
<li>Add or remove regular, app-wide or global hotkeys according to your needs</li>
<li>Extensive settings dialog to adjust the features to your needs</li>
</ul>
</li>
</ul>
2016-04-26 21:14:25 +02:00
2017-04-12 05:27:24 +02:00
<p style="font-size:0.8em;"><del>Kind of</del> Really old screenshots because I'm <u>extremely</u> lazy.</p>
2015-06-21 13:35:59 +02:00
<img src="0_4_wide1.png" style="margin-bottom:5px;" />
<a href="0_4_big.jpg"><img src="0_4_big_thumb.png" style="height: 190px;float:left;padding: 6px;" /></a>
<a href="0_4_big1.png"><img src="0_4_big1_thumb.png" style="height: 190px;padding: 6px;" /></a>
<a href="0_6_2_dark_colors.jpg"><img src="0_6_2_dark_colors.jpg" style="height: 190px;padding: 6px;" /></a>
<a href="0_6_2_admin_dialog.jpg"><img src="0_6_2_admin_dialog.jpg" style="height: 190px;padding: 6px;" /></a>
<h2 id="requirements" style="clear:both;">Requirements</h2>
2017-04-12 05:27:24 +02:00
<p>You need to have the Java 8 JRE or later installed (unless you're using the Windows Standalone version). <a href="http://www.java.com/download/">Download Java</a> if you need it.</p>
2015-06-21 13:35:59 +02:00
<h2 id="download">Download & Getting started</h2>
<ul>
2017-09-12 17:39:01 +02:00
<li><a href="https://github.com/chatty/chatty/releases/download/v0.8.7/Chatty_0.8.7.zip"><strong>Download Version 0.8.7</strong></a>
2016-04-26 21:14:25 +02:00
(all OS)</li>
2015-06-21 13:35:59 +02:00
<li>With global hotkey support (Windows only):<ul>
2017-09-12 17:39:01 +02:00
<li><a href="https://github.com/chatty/chatty/releases/download/v0.8.7/Chatty_0.8.7_hotkey_32bit.zip">Download Version 0.8.7 (for 32bit-Java)</a>
2016-06-28 12:45:05 +02:00
</li>
2017-09-12 17:39:01 +02:00
<li><a href="https://github.com/chatty/chatty/releases/download/v0.8.7/Chatty_0.8.7_hotkey_64bit.zip">Download Version 0.8.7 (for 64bit-Java)</a>
2016-06-28 12:45:05 +02:00
</li>
2015-06-21 13:35:59 +02:00
</ul></li>
2017-09-12 17:39:01 +02:00
<li>Standalone Bundle (Windows executable, includes JRE, no installed Java required):<ul><li><a href="https://github.com/chatty/chatty/releases/download/v0.8.7/Chatty_0.8.7_windows_standalone.zip">Download Version 0.8.7 Windows Standalone</a></li></ul></li>
2017-04-12 05:27:24 +02:00
<li>Previous versions and source code are on <a href="https://github.com/chatty/chatty/releases">GitHub</a></li>
2015-06-21 13:35:59 +02:00
</ul>
2017-04-12 05:27:24 +02:00
<p>Extract the .zip into a folder of your choice and start Chatty.jar (or the Chatty.exe in case of the standalone).</p>
2015-06-21 13:35:59 +02:00
<p>When you start Chatty the Connect Dialog should come up. Click <code>Create login..</code> and <code>Request login data</code> and follow the instructions to authorize Chatty to connect to chat for you. There is also a short
<a href="help/help-getting-started.html"><strong>Getting Started Guide</strong></a>.</p>
<p>There is some <a href="help/help.html">help</a> available (you can find the same in the program itself). There is also a <a href="changes.txt">changelog</a>.</p>
<p>You can use <a href="Chatty_banner_320px.png">this banner</a> if you like Chatty and want to promote it. Just link to <code>http://chatty.github.io</code> please. :)</p>
2015-06-21 13:35:59 +02:00
<h2 id="bugs">Feedback (Feature requests, Bug reports)</h2>
<p>This is my first slightly bigger program, so go easy on me. ;) But if you find any bugs or have any other feedback, feel free to tell me. You can <a href="http://www.twitch.tv/message/compose?to=tduva">message me on Twitch</a>, write me an <a href="mailto:chattyclient@gmail.com">e-mail</a> or use <a href="https://twitter.com/chattyclient">Twitter</a>.</p>
<p>Please tell me about bugs or else I can't fix them. Please describe exactly <em>what</em> happened and <em>how</em> it happened, since this is absolutely necessary to find out what went wrong (just saying "it doesn't work" or "it won't load" can mean a lot of things). You should also copy the debug.log file in your settings directory (type /openDir to open it, or /dir if that doesn't work) before it is overwritten, in case it could be helpful to find the bug.</p>
<h3>Known issues</h3>
<ul>
<li>Sometimes users aren't correctly sorted in the userlist</li>
<li>Windows: Dragging the upper edge to maximize the window vertically doesn't resize the contents of the window.
This may be a Java Bug that I cannot fix. Workaround: Try double-clicking the upper edge instead of dragging it.</li>
</ul>
<h2 id="faq">FAQ (Frequently Asked Questions)</h2>
<dl>
2016-04-26 21:14:25 +02:00
<dt>Chatty is not starting when I double-click the <code>Chatty.jar</code>, what now?</dt>
<dd>Read the <a href="help/help-troubleshooting.html#start">Troubleshooting</a>.</dd>
2015-06-21 13:35:59 +02:00
<dt>Does Chatty support Twitch Group Chat?</dt>
<dd>No. However, you can manually connect to Group Chat by changing the server/port to connect to (you can change it in the Settings under Advanced, use the <a href="help/help.html#settings">'server' and 'port'
settings</a>, the <a href="help/help.html#commands">/server</a> command or <a href="help/help.html#launch">commandline parameters</a>) and looking up the channel name yourself
2015-06-21 13:35:59 +02:00
(you can use <a href="http://blog.bashtech.net/twitch-group-chat-irc/">this blogpost</a> for help on that). There are a few drawbacks: Since Chatty can currently only
connect to one server at a time, you would have to run more than one instance if you want to use regular Twitch Chat at the same
time. Use <a href="help/help-guide1.html">this guide</a> in the help for more information. It also wouldn't recognize the channel as a group chat channel, so some stuff
2015-06-21 13:35:59 +02:00
might not work correctly.</dd>
<dt>Is Group Chat support planned?</dt>
<dd>No.</dd>
<dt>Does Chatty support other streaming services like hitbox.tv?</dt>
<dd>Unfortunately not. And adding support wouldn't be a trivial task either, since Chatty is designed around Twitch and adding other services would require a lot of changes.</dd>
<dt>Why does Chatty report "Stream offline", even though the stream clearly didn't go offline?</dt>
<dd>Sometimes the Twitch API will return a stream as offline, even though it isn't. Chatty checks the API twice before reporting a stream as offline, but if both checks return false data, then a false offline report will happen.</dd>
2016-04-26 21:14:25 +02:00
<dt>Why does the userlist not show all users correctly?</dt>
<dd>First of all check that <code>Settings - Advanced - Correct Userlist</code> is enabled. Even then, the userlist in Twitch Chat shouldn't be taken too seriously. <a href="http://chatty.github.io/help/help.html#userlist">Read more about the userlist..</a></dd>
2015-06-21 13:35:59 +02:00
<dt>Is there any help/documentation?</dt>
<dd><a href="help/help.html">Yes.</a></dd>
2015-06-21 13:35:59 +02:00
</dl>
</div>
<div id="bottom">
2016-04-26 21:14:25 +02:00
<div id="dlCount" style="margin-bottom:7px;"></div>
2015-07-17 21:35:23 +02:00
If you like Chatty and would like to support me:<br /><a href="http://flattr.com/thing/4399636/Chatty" target="_blank"><img src="http://api.flattr.com/button/flattr-badge-large.png" alt="Flattr this" title="Flattr this" border="0" /></a>
2015-06-21 13:35:59 +02:00
</div>
</body>
</html>