Hey ^^ i had a Idea for a Overlay Extension. Everyone probably know the Rotating Feed from AlphaGaming?
i want to use the Streamer.bot Client to get all the information over the websocket so i also can create more than just this one Widget but i leck of Information and own Knowledge how this is working
im kinda new to “FullStack” but i learn it since 4 Month so i have kinda the “basic how do”. and maybe we can also find some other cool projects we could do after this (like a Streamelements Overlay replacement)
What i need now is “How can i start” and “How i get the Events”
Maybe you can reach out to BlackyWerSonst in the discord? Their streamer.bot actions do a lot with websockets and they also have a “streamlabels” extension in the works (streamer.bot-actions/actions/streamlabels at main · BlackyWhoElse/streamer.bot-actions · GitHub) that might be able to be expanded into what you’re looking for? I don’t believe they’re doing anything with the Streamer.bot Client but I’d be willing to bet they would be the ones to talk to and collab with.
I’m guessing you’re talking about something like this?
It’s what I use for displaying the latest. SB client and local storage. But really SB Client makes it super simple. You just use it in the page you’re wanting to connect to and have it connect. As long as you follow the docs it’s pretty straight forward. The hard parts are deciding how/where to store the data to save it so it doesn’t disappear if you change scenes or close OBS and coding the page to do what you want.
I guess a good starting point is just get the page how you want with animations and such then try to connect it.
yeah stuff like this i want to start a project what will use Angular later with a laraval API etc… (at the end i want to create later a complete StreamElements Alternative thats connected to SB)
but my problem is it is kinda hard to read the Doc for me. i have no problem with installing the NPM packed but after this i dont rly get how i start and how i choose the Event
Gotcha, I mean I have this stuff on my to do list and already have a NextJS package put together for the Extensions side. I just keep getting side tracked on other projects but that’s the idea is to take community contributions and allow them to be used hosted instead of needing to run locally. There’s a few things I have to figure out on communicating with SB remotely, if even possible, so IRL streamers could use them as well.
Any particular reason you’re looking at Angular and Larvel? Just curious is all. I looked between VueJS and NextJS and for some reason I just enjoy NextJS better and it comes packaged with it’s own api system as well.