Question / Help Browser interact options?

[OpenBayou]

I created a scene using a browser and looking for ways to interact with that website. It looks like this:

The next button moves the rundown menu down, the bottom panel moves div and the green area moves divs as well. There are buttons on the top of the page using jQuery that can control portions of a website.

What's the best way to interact with the browser? Using a mouse to click on the buttons work but it would be great if I can use a scene to click on those buttons. I looked all over to see if there's a way to use Stream Deck to control the website but I couldn't find anything.

 

[ITheEqualizer]

Hello there
Can you explain more?

 

[OpenBayou]

Basically the "Next" button does jQuery to move items on the screen. Anyone to create a macro to click that button?

 

[Wrigglemania]

Hello there OpenBayou!

Right click on the browser source, choose interact.
Be aware that you will need to have clicked on the browser source and have it selected for any javascript macros you have to work.
You will need to code the macro keys in to your javascript for the browser source you have made.

As yet I am unaware of a way to have the 'interact window' be always on top.

Hope that helps somewhat.

 

[themalloman]

I created a scene using a browser and looking for ways to interact with that website. It looks like this:

The next button moves the rundown menu down, the bottom panel moves div and the green area moves divs as well. There are buttons on the top of the page using jQuery that can control portions of a website.

What's the best way to interact with the browser? Using a mouse to click on the buttons work but it would be great if I can use a scene to click on those buttons. I looked all over to see if there's a way to use Stream Deck to control the website but I couldn't find anything.

Hey Bayou, Can you explain or link to how you created this in jQuery? I have been looking for ways to do the animation you're talking about here on a live broadcast, but so far nothing as clearly simple as what you're proposing to do here.

All best!

 

[WereDaD_ZA]

Theres a quick and nasty way I got this to work. Because I use Chrome as my main browser I can use Edge to display any webpages I want to interact with. like this. Basically I use a Window Capture source and the only thing running in it is the html I want

Alternatively you can write an ajax component to modify a file and refresh every second or monitor for changes

 

[PASS Studio]

Dude is the Website need for other then Broadcast if not turn it into Powerpoint then use hot keys PPT to NDI get or get another monitor and use touch portal to control it

 

[ryantheleach]

Know this is an ancient post, but you can interact with browser sources by right clicking and picking interact, which will open the browser source in a window.

However, if you have web dev skills, and it's a page that you host, I recommend using NodeCG, https://github.com/nodecg/nodecg Which has been used in the past to run various tournaments, and AGDK (Awesome games done quick) on screen graphics. It lets you have a browser source, and a page that controls it seperately.