Hey there dev peeps, I’m trying to have a little html element in my websites header:
https://calexil.com
top grey bar
That runs a little chunk of js to find out whether or not I’m streaming, the game, and how many people are watching.
I used to have a version of it functioning fine in api v3 that looked like this:
///
(function() {
var user_name, api_key, twitch_widget;
user_name = “calexil”;
api_key = “5j0r5b7qb7kro03fvka3o8kbq262wwm”;
twitch_widget = $("#twitch-widget");
twitch_widget.attr(“href”,“https://twitch.tv/” + user_name);
$.getJSON(‘https://api.twitch.tv/kraken/streams/’ + user_name + ‘?client_id=’ + api_key + ‘&callback=?’, function(data) {
if (data.stream) {
twitch_widget.html(" Calexil is Live! Playing: " + data.stream.game + “Viewers: " + data.stream.viewers + “”);
} else {
twitch_widget.html(” Twitch Stream Status: Offline");
}
});
})();
///
But it no longer works. I read a few threads about doing this and the only one that had success so far used cron timers, endponts/json, php, and a whole buncha unnecessary steps from what I can tell.
My current attempt at porting over the old code is as follows:
///
(function() {
var user_name, api_key, twitch_widget;
user_login = “calexil”;
api_key = “THIS IS AN API KEY I GENERATED FROM THE DEV DASH”;
twitch_widget = $("#twitch-widget");
twitch_widget.attr(“href”,“https://twitch.tv/” + user_login);
$.getJSON(‘https://api.twitch.tv/helix/streams?client_id=’ +api_key + ‘?user_login=’ + user_login + ‘&callback=?’, function(data) {
if (data.stream) {
twitch_widget.html(" Calexil is Live! Playing: " + data.stream.game + “Viewers: " + data.stream.viewers + “”);
} else {
twitch_widget.html(” Twitch Stream Status: Offline");
}
});
})();
///
This throws a 401 error currently, any help would be appreciated. sorry for the formatting