Question

我正在尝试为本地流媒体社区制作索引。

我正在开发一些模板代码。

下面是一个模型 - 代表LIVE的刻度线和代表OFFLINE的X（我的最终产品将更具吸引力 - 这只是用于可视化。）

我的代码模板

<html>
<head>
<title>Title</title>
<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

<p id="display"></p>

<script>
$.getJSON('https://api.twitch.tv/kraken/streams/Jonathan_x64', function(channel) {

if (channel["stream"] == null) { 
    document.getElementById("display").innerHTML = "NOT LIVE";

} else {
    document.getElementById("display").innerHTML = "LIVE";

}
});
</script>

</body>
</html>

Answer 1

您的代码是正确的，但您应该尝试访问您尝试访问JSON数据的浏览器中的URL。您会注意到您收到bad request。这是因为您还必须在请求中传递客户ID。

Twitch documentation解释了如何获得此功能。获得客户端ID后，您可以修改URL以将其添加为参数：

https://api.twitch.tv/kraken/streams/Jonathan_x64?client_id=XXXXX

完成此操作后，您的代码将按预期工作。

如何显示当前Twitch流的状态？

1 个答案: