Displaying information on stream with dynamic updates.

[TimeYeti]

Tried asking this in the Discord and no one seemed to know the answer, which is confusing because this seems pretty basic.

I want to display some information on the side of my stream and have the ability to live-update it as I'm streaming. The problem is that when I edit and save the html file, the update doesn't push to OBS. I even tried setting the page to auto-refresh every second but this doesn't seem to help either.

The only way to get the browser source to update is to manually open the properties of the browser source and click the "Refresh cache" button, but this is way too much to deal with constantly in the middle of a stream.

I'm really stumped on what OBS is expecting me to do here. Being able to live-update information on a stream seems like incredibly basic functionality, but I've just hit a wall where nothing I do seems to work.

Hate to ask for help instead of trying to figure this out on my own but I'm completely out of options at this point.

By the way, text source seems to work perfectly but I'd really like to use HTML for formatting. Why do browser source and text source work so differently?

 

[TimeYeti]

So out of desperation I closed OBS and reopened it and now everything is working perfectly. Super frustrated that I spent hours on this but I guess I don't need the help anymore.

 

[TimeYeti]

I had this working fine for awhile, but now the browser source does this blinking/glitchy thing every few seconds now. Absolutely no idea what's causing it or how to fix it. Removing/recreating the browser source doesn't fix it. Here's a video: https://www.youtube.com/watch?v=nSc-9XHmxAw

 

[TimeYeti]

Okay I think I figured out the best way to do this. Posting my solution for anyone who has this problem in the future. Everyone suggests auto-refresh but it introduces jank when OBS tries to capture the source in the middle of a refresh.

The key is using contenteditable="true" and then right click the browser source in OBS and choose Interact. You can then directly edit the text from the Interact window and it pushes those updates automatically.

 

[next007apple]

Tried asking this in the Discord and no one seemed to know the answer, which is confusing because this seems pretty basic.

I want to display some information on the side of my stream and have the ability to live-update it as I'm streaming. The problem is that when I edit and save the html file, the update doesn't push to OBS. I even tried setting the page to auto-refresh every second but this doesn't seem to help either.

The only way to get the browser source to update is to manually open the properties of the browser source and click the "Refresh cache" button, but this is way too much to deal with constantly in the middle of a stream.

I'm really stumped on what OBS is expecting me to do here. Being able to live-update information on a stream seems like incredibly basic functionality, but I've just hit a wall where nothing I do seems to work.

Hate to ask for help instead of trying to figure this out on my own but I'm completely out of options at this point.

By the way, text source seems to work perfectly but I'd really like to use HTML for formatting. Why do browser source and text source work so differently?

#cache never generate >
.htaccess
<filesMatch "\.(html|htm|js|css)$">
FileETag None
<ifModule mod_headers.c>
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</ifModule>
</filesMatch>

 

[PASS Studio]

Where do you put this

#cache never generate >
.htaccess
<filesMatch "\.(html|htm|js|css)$">
FileETag None
<ifModule mod_headers.c>
Header unset ETag
Header set Cache-Control "max-age=0, no-cache, no-store, must-revalidate"
Header set Pragma "no-cache"
Header set Expires "Wed, 11 Jan 1984 05:00:00 GMT"
</ifModule>
</filesMatch>

 

[JanVdB]

The key is using contenteditable="true" and then right click the browser source in OBS and choose Interact. You can then directly edit the text from the Interact window and it pushes those updates automatically.

Hi,
having the issue also, but I don't really understand your solution :-)
My source comes from a url: https://www.vrijeradiobelsele.be/sponsorstv/
What should I do?

Jan

 

[JanVdB]

Hi,
having the issue also, but I don't really understand your solution :-)
My source comes from a url: https://www.vrijeradiobelsele.be/sponsorstv/
What should I do?

Jan

I worked it out with this solution:

Question / Help - How to refresh the OBS browser source every 1 minute?

What CSS code should I include to the custom CSS of the OBS browser source to make it refresh every 1 minute? I want to use it for my live stream. Thanks. Log file: https://obsproject.com/logs/YDcAonbgRNWm2CwR

obsproject.com