pencil / rechat Goto Github PK
View Code? Open in Web Editor NEWAdds chat messages from the past to your favorite Twitch VODs
Home Page: https://www.rechat.org/
License: MIT License
Adds chat messages from the past to your favorite Twitch VODs
Home Page: https://www.rechat.org/
License: MIT License
I don't know much about the differences between Chrome and Firefox add-ons, but the JavaScript should be cross-browser compatible for the most part with some chrome-specific exceptions (chrome.extensions.*).
I did some preliminary tests and tried to get it to work as a Greasemonkey plugin but quickly ran into problems with cross-domain requests and "GM_xmlhttpRequest" specifically -- for someone more experienced with JavaScript in general I don't think it should pose a problem though. Would you consider trying to port this add-on to Mozilla Firefox?
I would love to have a nicer scrollbar for the chat.
I tried figuring out what twitch was doing, but I can't seem to get it all to work.
Also tried a library but could not get "auto stay" on the bottom.
Would love to see something like that added.
It seems at the moment that the extension is just appending the chat lines to the sidebar. A way that could save on client side lag would be cleaning up the messages by limiting the max messages in the side panel. So maybe limiting it to a chat history of 2000 messages, the spam of messages can get extremely large when watching a vod of a stream with 40k plus people, would help things and lessen the load of the large amount of content on the webpage.
I might be wrong with what it currently does because I have not been following the repo closely.
would be super cool to also see how many people were viewing live :)
I am not sure how you are compiling messages server side but I have been looking into IRC clients. It seems that when a user joins a channel the join message also displays their emoticon allows groups. So it would be possible to keep track of users, and their respective emoticon groups, and their username color.
Color IRC
jtv PRIVMSG goldbattle :USERCOLOR goldbattle2 #421ED2
Emote Sets
jtv PRIVMSG goldbattle :EMOTESET goldbattle2 [42,793,21,932]
So this could be easily tied into a user table of some sort (not sure how things are structured), and then served again through the api tagged with the the message. Easy way to get the users color, so each time you see that user again it has the same color, and that user has the color matching what is used on the site. The extension would then have the easy job of just seeing if the possible emote use is in the array of emotes that the user has privilege to.
Currently if there is a space in the display name it will show a \s. I'm thinking that is a bug.
http://puu.sh/jn1o0/e9a1dc507f.png
I also have no idea how the user has a space at the end of his name but....
https://api.twitch.tv/kraken/users/tuff_elite
He does.
Keep up the good work.
Firefox now has add-on signing as of version 41, and the latest version is unverified, so Firefox will straight up refuse to install it. The signed version on the official add-on repo is version 0.9.1.1, and doesn't work
Otherwise it works fine, but it stops working after a few minutes of use. It starts work again when you reload the page, but you have relocate your VoD progress.
Is there a way to locate the problem or a way to refresh just the chat and not the whole page?
Hi there,
I was looking through the source code trying to get how rechat gets the source code of the chat. I wasn't able to find the exact endpoint, where is that endpoint?
Thanks
Edit: I just found the subreddit and read that you are just keeping logs. Is the code to how you are logging the chat available anywhere?
Cant see the most recent chat meassage, because it so close to the edge of the screen. Not like the regular chat.
Cool idea, nice work on the plugin!
Image here:
https://imgur.com/t6LKzM8
The ReChat recorded chat "Subscriber" badge disappears when FrankerFaceZ is also installed. Tried a clean Firefox 44 and Chrome 47 with just the 2 addons installed but it still disappears. Moderator, Admin and others seems to be fine, thanks for listening.
Edit: Fixed on Chat Replay version, closing. Thanks again.
You shouldn't be globally logging chat on Twitch and offering it to be publicly searchable. At the very least you should be associating chat directly with VoD IDs, rather than allowing them to be viewed using any channel name and time.
You're breaking API ToS (http://www.twitch.tv/user/legal?page=api_terms_of_service) 12c and 13d
Every-now and then for me, HTTPS connections to your rechat server do not work. Would it be possible to make HTTP a fallback for when HTTPS connections fail?
Comments dont scroll and I have to do it manually
EDIT: Problem seems to occur just by merely scrolling up 1 single time no matter how far you do it, reloading the page is a temporary fix
Windows 10 64bit
Chrome
turbo
and subscriber
flags (true
, false
) are already recorded as well as the usertype
field (mod
, global_mod
, admin
, staff
). All that is left is displaying them in the browser extension.
Is it possible to highlight messages by the streamer? Hard to see their messages sometimes.
are you guys going to make the chat a bit less delayed? there are some VoDs which are like 18 seconds and you barely gets the chats reaction to the video, would be nicer if it was more synced with the video even though twitch actually has alot of delay
Is there a possible way to do it?
Kappa Keepo
Title said all. Since Firefox is about to force addon sigining on next release version, it would be great to get your great addon signed before it happened.
You don't even need to actually update your add-on on AMO (which is sometimes a pain for devs) but I believe you can get it automatically signed there with mineral effort.
Cheers.
As you're using IRC to initially collect chat, you can actually enable IRCv3 tags for PRIVMSG and parse them for the correct name capitalization, and fetching the chatter's turbo and subscriber status for emulating chat just that little bit more.
First, send a CAP REQ :twitch.tv/tags
to let the server know you understand the tags, then simply parse the new message, using the display-name
, turbo
and subscriber
.
Before:
:[email protected] PRIVMSG #reninjakitteh :so far Kappa
After:
@color=;display-name=InaneCandor;emotes=25:7-11;subscriber=0;turbo=0;user-type=;user_type= :[email protected] PRIVMSG #reninjakitteh :so far Kappa
This is fully documented here and would be an awesome addition.
Thanks for making such a sweet and useful extension! Keep up the great work. :)
Hi Nils,
my question is the title :)
Is it possible to download the full chat history in one file?
thanks for your help,
best regards
Tobit
When playing back a recorded stream which starts with a mature content warning, messages are not fetched. After refreshing the page, the mature content warning is not shown again and messages are fetched like normal.
Tested with http://www.twitch.tv/taerknet/b/663146074?t=1h13m20s (video recorded on 2015-05-26)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.