A simple library for adding stream status images to your website.

An extremely minimilistic demo can be found at http://fugiman.com/Twitch-Channel-Status/

Add the following anywhere on your webpage to include the library:

<script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.rawgit.com/Fugiman/Twitch-Channel-Status/1d74252edf89110507cbf3088f9c3eaa38fac9d3/twitch-channel-status.min.js"></script>

Then create image tags on your webpage to display if a channel is online or offline:

<img data-twitch-channel="riotgames">

When loading the library, you can add additional arguments to the script tag to customize it's behavior.

data-attribute :

Instead of using data-twitch-channel to identify which images to overwrite, it uses the value of this attribue.

data-interval :

By default the library will only fetch channel status on page load, but if this attribute is provided it'll refresh the status based on the number provided (in seconds).

data-online-image :

The image used if a channel is online. By default this is a green circle.

data-offline-image :

The image used if a channel is offline. By default this is a red circle.

Additionally, each individual image can also specify data-online-image and data-offline-image.

Twitch Channel Stuatus is (c) 2014 Christopher Gamble and is made available under the MIT license.