Twitch Button（HTML/JScript w bootstrap）

大家好我已经尝试了所有我能想到的工作。我知道它通过在浏览器中使用返回stream = null或active，但它不会将我的按钮应用于我的页面。 JavaScript不太好，任何人都可以指出我的方向。Twitch Button（HTML/JScript w bootstrap）

<script type="text/javascript"> 
    (function() { 

      var user_name, api_key; 

     user_name = "Undead_Atomsk"; 
     api_key = "************************"; 

     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) { 
       document.write(<a href="http://www.twitch.tv/Undead_Atomsk" target="_blank" class="btn btn-success navbar-btn navbar-right">Live!</a>); 
      } else { 
       document.write(<a href="http://www.twitch.tv/Undead_Atomsk" target="_blank" class="btn btn-danger navbar-btn navbar-right">Offline!</a>); 
      } 
     }); 

    })(); 
    </script

来源

2017-07-05 Undead_Atomsk

使用浏览器的devtools：检查控制台中的请求错误，检查网络选项卡中的请求/响应，看看Twitch API响应的是什么。 – yuriy636

接受了您的建议并使用了浏览器工具“完全忘记了这些”。

我将此行添加到了我的html中。

<a href="" id="twitch-btn" class="navbar-right"></a>

然后，我做了一个.js文件，并使用下面的代码，一切正常，现在twitch API只是慢！

(function() { 

    var user_name, api_key, twitch_widget; 

    user_name = "Undead_Atomsk"; 
    api_key = "********************"; 
    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) { 
    document.getElementById("twitch-btn").innerHTML = '<a href="http://www.twitch.tv/Undead_Atomsk" target="_blank" class="btn btn-danger navbar-btn navbar-right">Live!</a>'; 
} else { 
    document.getElementById("twitch-btn").innerHTML = '<a href="http://www.twitch.tv/Undead_Atomsk" target="_blank" class="btn btn-default navbar-btn navbar-right">Offline!</a>'; 
} 
}); 

})();

来源

2017-07-06 18:38:25

Twitch Button（HTML/JScript w bootstrap）

回答

相关问题