Check if stream is online or offline with javascript?

API
1

I’m trying to set up my website to display my stream when I’m live and to display something else when I’m not. I currently have the following working:

<script>
$.getJSON('https://api.twitch.tv/kraken/streams/mychannel?client_id=myclientid', function(channel) {

    if (channel["stream"] == null) { 
        $(".online").hide();
        $(".offline").show();

    } else {
        $(".offline").hide();
        $(".online").show();
    }
});
</script>

It works, however it doesn’t seem to update for a couple minutes or so after I go live or stop streaming. Is there a way to make this more responsive? It doesn’t need to be instant but more than 30 seconds or so makes me think something isn’t working right here.

Help appreciated!

2

The endpoints are cached and are not real-time. They are usually off by 1 - 2 minutes. I have seen it take longer at times as well.

2 Likes
3

That’s unfortunate. I guess I’ll have to live with it.

4

Perhaps with the upcoming Helix API, there will be some performance improvements or perhaps even a WebHook to let us know when stream statuses change that is fired closer to real-time:

Twitch Trello:

1 Like
5

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.