javascript - 简单的抽搐状态

Question

我正在为我的论坛寻找 Twitch 状态切换。我有一个流媒体列表，我想要在线/离线流的绿色/红色点，或者只是在线或离线。我找到了我需要的东西，但无法让它发挥作用。欢迎任何帮助。我没有任何 javascript 知识，所以请不要因为愚蠢的错误而责备我。

这是我找到的代码:

jQuery(document).ready(function($) {
    $('.ltwitch').each(function () {
        var tnick = $(this).data('tnick');
        var span = $(this).next();
	    $.getJSON("https://api.twitch.tv/kraken/streams/"+tnick+".json?callback=?", function(c) {
	    	if (c.stream == null) {
    			span.html("Offline");
		    } else {
			    span.html("Online");
		    }
	    });
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a class="ltwitch" href="#" data-tnick="alohadancetv">Aloha</a> (<span>...</span>)

http://jsfiddle.net/LYv3R/5/

问候

Answer 1

您需要使用您的client_id发送请求

示例:?client_id=48728413r2fdmq4i4otfjrtu9f8z2ou

您可以注册一个应用程序并接收一个client_id here (在页面底部)

在您的代码中(这仅在您使用自己的客户端 ID ofc 时有效):

jQuery(document).ready(function($) {
    $('.ltwitch').each(function () {
        var tnick = $(this).data('tnick');
        var span = $(this).next();
        $.getJSON("https://api.twitch.tv/kraken/streams/"+tnick+"?client_id=48728413r2fdmq4i4otfjrtu9f8z2ou", function(c) {
            if (c.stream == null) {
                span.html("Offline");
            } else {
                span.html("Online");
            }
        });
    });
});