Coder Social home page Coder Social logo

giambaj / jchat Goto Github PK

View Code? Open in Web Editor NEW
131.0 131.0 42.0 392 KB

jChat is an overlay that allows you to show your Twitch chat on screen with OBS, XSplit, and any other streaming software that supports browser sources.

Home Page: https://www.giambaj.it/twitch/jchat/

License: GNU General Public License v3.0

HTML 10.76% JavaScript 75.85% CSS 13.39%
chat irc live-streaming twitch

jchat's People

Contributors

elmarceloc avatar giambaj avatar sunkhaskasis avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

jchat's Issues

[feature] Using /clear to delete all chats in the overlay

Deleting a single message from user's chat also deletes a chat in the overlay but not if you clear all the messages using /clear command or "Clear My Chat" option. Is it possible to implement that feature? I also tried to use the !refreshoverlay command and it didn't work.

Horizontal chat

Do you plan to add a style for horizontally scrolling text or is there an easy way to make the chat scrol horizontally in 1 line and not a box?

Ignore user's chat option

I'm not sure if I can place a suggestion here but I hope there's a feature that I can ignore a person/user's chat on the chat overlay like it won't show the message on the overlay.

[api] twitch kraken v5 deprecation

TwitchAPI('https://api.twitch.tv/v5/users?login=' + Chat.info.channel).done(function(res) {

TwitchAPI('https://api.twitch.tv/v5/users?login=
{"error":"Not Found","status":404,"message":"This API does not exist"}

still using v5 login credentials
need to merge to helix authentication

https://api.twitch.tv/helix/users?login=
or similar. unsure how to move to this within your scripting.

{"error":"Unauthorized","status":401,"message":"OAuth token is missing"}
need to add oauth token to the helix connection

v5 shutdown timeline
Given the number of v5 migrations, we wanted to ensure that you have sufficient time to update your applications and that we are reaching developers as soon as possible. A phased shutdown of v5 will begin in February 2022. Here are the shutdown windows:

February 7, 2022 – 1-hour shutdown starting at 11:00am PDT
February 9, 2022 – 2-hour shutdown starting at 11:00am PDT
February 14, 2022 – 4-hour shutdown starting at 11:00am PDT
February 16, 2022 – 6-hour shutdown starting at 11:00am PDT
February 21, 2022 – 24-hour shutdown starting at 11:00am PDT
February 28, 2022 – v5 permanent shutdown

https://dev.twitch.tv/docs/api/reference
some helix reference

Width and Height

Thank you for jChat ,, your tool helped a lot ❤️

It's really awesome but there's an important feature missing. We hope you add "Width and Height" control before generating the link for OBS browser source.

Option to block specific users

I use a custom bot and would be nice if I could block all messages from that account. Maybe something like "blocked=user1_user2" in the url?

Boxed Design

It would be very great if we could have the boxed chat design which is available in default Chat Widget on streamlabs.

[ Feature ] - Chat delay - end of life twitch v5

Hey awesome project.

To give mods the possibility to mod timewise it would be nice to have an option for delay (1-5 seconds should be plenty).
Currently a friend of mine just uses the "render delay" inside Streamlabs on the chat source, but that also obviously applies to deleted messages. (Like new messages take x seconds to appear, but also x seconds to get removed after deletion).

Think that would be a neat and pretty easy to implement feature

Additionally i've seen ur using a credential.js for the client id. twitch irc can be connected to without that as you do with Nick justinfan. Can't the cheers stuff be loaded without creds too? (works also without login on normal twitch page)
This should be necessary due to end of life of twitch api v5 on 22.02

No Chatterino badges

I see that the description mentions Chatterino badges one can toggle on and off, but it appears that they aren't displayed at all. Here's a screenshot from Chatterino:
yesbadge

And from the jChat overlay:
nobadge

I did check that the special badges were enabled.

Forced colors feature

Can you somehow make dark background for the chat as an option? For example I'd love to put chat as a panel in obs, but then background of the chat is all white.

https://imgur.com/M2gbgtt <- heres an example ;p

It would be cool if I could just check on jChat website option that would make the background of the chat dark instead of transparent.

Maybe im missing something and I can do that already, but im stuck with white background as for now o_O

Error 522 Connection timed out

Most likely not a mistake/error on your end. Was just letting you know your website is currently unavailable/chat and !showemote is unavailable.

Zero-width/hat emotes support

I'm sure this is a known issue, but is there a chance we could get a proper support for this type of emotes? I'm not a coder myself and I don't know how complicated it'd be, so you are free to close the issue if it's currently out of scope.

7tv emotes CORS issue and 7tv v2 api 410 error

v2/:1 Access to XMLHttpRequest at 'https://api.7tv.app/v2/users/96965261/emotes' from origin 'https://www.giambaj.it' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
GET https://api.7tv.app/v2/badges?user_identifier=login net::ERR_FAILED 410 (Gone)

Custom css

Is there any form to custom the style of the css ? I tried and it doesn't save on the file system so i guess it request out on the github, I don't have so much idea of that so I would like to know if there is any form to do that.

Add support for emote modifiers

BTTV and FFZ have emote modifiers now.

For BTTV, adding w! v! or h! before an emote modifes it size/orientation, and z! enforces zero spacing between emotes.

For FFZ, paid subscribers can write modifiers after the emote to add an effect: https://www.frankerfacez.com/subscribe

They are currently unsupported in jChat and just appear as text.

Server responds with 401

image

I've been using it for months for the 7TV support, it's been great! But today it stopped working in the middle of the stream, I wonder why.

Chat Background

Would be very helpful if you could add an option to change to background from transparent to a solid color like black or whatever the user might wish the background color of the chat to be. Could help with readability of the on screen chat since when its transparent in certain streams scenes its difficult to read.

Kraken deprecation has made jChat unusable.

Due to the Twitch Kraken API deprecation, jChat has stopped working.

Could you please make a temporary fix to make it work on Helix instead of Kraken. Or, at least, provide an update as to when the third version comes out. Thank you.

[feature] Custom font support

Would like an option for custom font selection. None of the current options really are to my taste (I use Inter for my overlay and would like to keep the font on every widget/etc the same).

Edit: Temporary workaround in case you're in a similar situation:

  • Go to your browser source settings
  • Put this in "Custom CSS" (change inter to your preferred font):
#chat_container { font-family: "Inter" !important; }
  • Profit

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.