Question / Help Hi, how to do this r/donators r/followers slide?

[MonsterCheck]

Hi, my name is Chris.

Recently looking streams, watch these two users have a slide for the last follower, donor, subscriber etc.

(ocgineer) https://www.twitch.tv/ocgineer/v/61240671 I think i seen before posting here.

(braincage) https://www.twitch.tv/braincage/v/63184447

I think they are using hmtl,css and js. I'm not good at it, itry various things, but I had no success. maybe there is a simpler way to do this, and do not know, can anyone tell me if there is any way, script, function or site that does this?

Or how i can do this.

 

[FerretBomb]

Most likely they're just using TwitchAlerts.com or Muxy.io

I know that Ocgineer was using TNotifier, but as that's shuttered/ing, he's moving over to Muxy.

TwitchAlerts is what I use, though I don't have running goal-tickers onscreen as I find them kind of tacky. TA provides an app called StreamLabels that writes out that info to separate text files on your hard disk and updates them in real-time. Set up a Text source in OBS, have it pointed at/watching the right text file so it will auto-update, then create a graphic surround or just use another text layer to label it.

No HTML/CSS/JS needed.

More advanced features (follow alerts, tip alerts, etc) will require the CLR browser plugin for OBS Classic, or the Browser Source plugin for Studio. But they're literally as easy as plugging in a URL for the alertbox. But you CAN use CSS overrides on the source options on your end to further edit/customize them.

 

[MonsterCheck]

Thanks for your reply, I understand that need's use the labels software to get the .txt and use the clr browser plugin,

The thing is how you make alternate in the same line. I mean the slide effect and alternate to another value. Is this just with CSS?

 

[FerretBomb]

I didn't see any example in the videos you'd listed. Can you give a timestamp? The videos are several hours long.

 

[MonsterCheck]

Starting the stream (ocgineer) https://www.twitch.tv/ocgineer/v/61240671 bottom left corner, just wait a few seconds and look how makes the transition. Recent, follower, donator, subscriber in the same line. gif to indicate what i mean https://gyazo.com/c869af898986c938f21d435ee23f3e8b

In the second stream (braincage) https://www.twitch.tv/braincage/v/63332709 (00:10:46) gif to indicate what i mean https://gyazo.com/3f63e23f39d81a346cb00974e17bff3b

If you watch the stream a couple of seconds you will see this transitions, i think are 5 seconds between each.

 

[MonsterCheck]

@ocgineer can you help with this :)