Twitch-Stream-List

This is an easy example of how to put in a stream list on a homepage.

The file index.html is a very easy example of how to do a streamlist. As it is in this repository, each file is in the same folder, and if you want to put the files into different folders, you will have to change the includes. The php part is very simple, all the work is done in the javascript part.

The javascript part relies on jQuery, so be sure to include it.

I do not guarantee that this will work everywhere and forever, but it worked for me and i hope it will be helpful for someone.

Example

To use this script, just put this at the place of your homepage where you want it:

<div class="fotwitchstreams">
  <div class="fotwitchstream">
    <input type="hidden" class="fotwitchstreamvalue" value="{{twitch name}}" />
    <span class="fotwitchstreamname">{{display name}}</span>
    <span style="float:right;" class="fotwitchstreamlive"></span>
  </div>
</div>

Repeat the part with the class fotwitchstream as often as you need it and replace {{twitch name}} with the part of the url after twitch.tv/ and {{display name}} with whatever you want to have displayed as streamname. After that, be sure to include fo_twitch.js at the end of your homepage (just before the </body>) and include jQuery before it.