greysdawn
New Member
Hi all, I've been through a bunch of threads with about the same problem but haven't been able to find anything that fixes my issue
I created my own twitch overlay handler for use with a browser source, and it works fine in the browser and Twitch Studio- which is to say that the alerts pop up and correctly make noise in both of those. However, I can't seem to get it working with OBS (or Streamlabs if that means anything)
All the code is available here. From what I can tell, the issue might be with the JS on the frontend. It uses socket.io to connect to the backend and get events, and from some testing it doesn't look like that connection happens when the browser source is used. I'm not really sure why this is a problem given that it works in other places. Is there anything I can do that would fix that? I've tried other things like moving around where the script/style tags are, turning on and off hardware acceleration, and making sure that the app isn't blocked by my firewall- i can navigate to google and interact with the site there, as well as another site I have that runs on React. Nothing seems to fix this though
EDIT: ahaha just kidding, figured it out. Had some JS syntax that the browser didn't like in there. Removed it and we're good now!
I created my own twitch overlay handler for use with a browser source, and it works fine in the browser and Twitch Studio- which is to say that the alerts pop up and correctly make noise in both of those. However, I can't seem to get it working with OBS (or Streamlabs if that means anything)
All the code is available here. From what I can tell, the issue might be with the JS on the frontend. It uses socket.io to connect to the backend and get events, and from some testing it doesn't look like that connection happens when the browser source is used. I'm not really sure why this is a problem given that it works in other places. Is there anything I can do that would fix that? I've tried other things like moving around where the script/style tags are, turning on and off hardware acceleration, and making sure that the app isn't blocked by my firewall- i can navigate to google and interact with the site there, as well as another site I have that runs on React. Nothing seems to fix this though
EDIT: ahaha just kidding, figured it out. Had some JS syntax that the browser didn't like in there. Removed it and we're good now!
Last edited: