What Do I Need To Learn To Manipulate Text Numbers Into Dynamic Images?

[CaptainSolo]

Hi guys,

 

I'm looking to learn something, but I have no idea what that is Wasn't sure what forum topic suited so wanted to ask in general and then chase some more specific information afterwards.

 

I want to find out how I can spice up livestream content through Xsplit with CCS & Html content. At the moment I have a text file on my computer that is updated in real-time based on new people following the channel. I want that number to be represented by a bar on-stream. I really have no idea where to start so if you've got any idea what I'm talking about and could let me know what I need to learn, I'd greatly appreciate it.

 

Method A would simply be a goal and % bar. So 1000 is target number, bar goes up to 100% full as we approach 1000

Method B I want to compare two numbers and have constantly changing bars. So for example Text File 1 has a regularly changing number and Text File 2 has the same, I want a bar that would represent a percentage when compared between the two.

 

If you've got this far and actually have a clue what I'm talking about, kudos to you

 

Thanks.

[justsomeguy]

Where do you want that stuff to be displayed? Do you have a server or hosting account?

[CaptainSolo]

Where do you want that stuff to be displayed? Do you have a server or hosting account?

 

Thanks for taking the time to respond

 

We do have hosting. Originally I assumed I could add any HTML/CSS to the custom script box on the streaming program I use but if that not be the case then yes, I would also need to learn how to deliver it

[justsomeguy]

You'll need a way to synchronize the server with the counter file. Maybe whatever updates that counter file can send commands to a PHP script on the server or something like that to update the counts in the file. To display it on a web page you could use Javascript to send an ajax request to get the contents of the file and then process it from there, or use something like PHP to read the file and update the page. A progress bar isn't difficult to do, you could just have a an element with a background color or something and you change the width of it to be the percentage that you want to show.