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

CSS cannot perform actions. It is only a styling language.

If you need the browser source to refresh every minute, you can create a local page that includes the page you want in an iframe, with the local page itself just refreshing every minute.

Code: 
<html>
<head>
    <meta http-equiv="refresh" content="60">
</head>
<body>
    <iframe src='http://yourwebsitehere.com/page.html' style='your-styling-options:here'></iframe>
</body>
</html>
 
Certain websites refuse to render through `iframe`, and I find myself wasting hours trying to pull "live feed" through its API and render properly via Javascript + HTML with local hosting ==> Turns out I don't have enough web development experience and have failed this weekend adventure miserably.

Yet, a dummy display adapter can work as a rescue. I am ordering one for the leftover DP-port on my graphic card 1, and plan to call it a day with an auto-tab-reloader for firefox.

Still, I took a convoluted path to the dummy display adapter: initially, I rediscovered my old iPad Mini and found a "duet" app on it, which is supposed to extend the tiny iPad screen as a second monitor. Three problems though: 1. there is pretty high CPU usage, and 2. OBS does not detect the emulated displays that do not belong to a "real GPU". 3. Although a "window" can be added to OBS, it is not a stable setup upon restarts.
 
carlmmii said:
CSS cannot perform actions. It is only a styling language.

If you need the browser source to refresh every minute, you can create a local page that includes the page you want in an iframe, with the local page itself just refreshing every minute.

Code: 
<html>
<head>
    <meta http-equiv="refresh" content="60">
</head>
<body>
    <iframe src='http://yourwebsitehere.com/page.html' style='your-styling-options:here'></iframe>
</body>
</html>
Click to expand...


Forgive my ignorance here. I'm still learning. Basically I would create an HTML file with this code and (obviously the browser source I need refreshing filled out) and then I just use this as a local file when choosing a browser source in OBS right?

thanks!
 
I like this as it would give me the option to have a .gif file from a website that changes every so often. Problem I'm having is its cutting part of the image off and makes it so darn big after adding the link. How would I make the image smaller?
 
Geae_Liska said:
I like this as it would give me the option to have a .gif file from a website that changes every so often. Problem I'm having is its cutting part of the image off and makes it so darn big after adding the link. How would I make the image smaller?
Click to expand...
This is a very old thread... Start a new one with your problem.
 
carlmmii said:
CSS cannot perform actions. It is only a styling language.

If you need the browser source to refresh every minute, you can create a local page that includes the page you want in an iframe, with the local page itself just refreshing every minute.

Code: 
<html>
<head>
    <meta http-equiv="refresh" content="60">
</head>
<body>
    <iframe src='http://yourwebsitehere.com/page.html' style='your-styling-options:here'></iframe>
</body>
</html>
Click to expand...

i dont know why after activating browser with local file on obs, I display the html code and not the page. Someone knows why? Thank you very much
 

Attachments

  • Schermata 2022-04-13 alle 23.43.07.png
    Schermata 2022-04-13 alle 23.43.07.png
    87 KB · Views: 563
You must log in or register to reply here.
Back
Top