Use the Twitchtv JSON API


  1. 当你看不到右边的视频时,说明你还身处防火墙中,赶紧翻墙去体验自由无阻碍的互联网
  2. 如果你还不明白翻墙对个人成长的重要性,请去看电影《肖申克的救赎》
  3. 目标: 设计一个功能类似于: http://codepen.io/FreeCodeCamp/full/adBpOw的应用。
  4. 规则#1: 代码是开源的,你可以借鉴,但请不要抄袭。
  5. 规则#2: 用你喜爱的任何库来定制属于你自己的风格,实现下面的功能
  6. 功能: 我可以看到 FreeCodeCamp 现在是否在Twitch.tv上直播。
  7. 功能: 我可以点击链接跳到 FreeCodeCamp 在Twitch.tv上的频道。
  8. 功能: 如果有人在直播,我可以看到他正在直播什么。
  9. 功能: 如果直播者关闭了他的账户,我会看到一个404提示页面。
  10. 提示: 这有一个如何调用 Twitch.tv的JSONP API的示例:https://github.com/FreeCodeCamp/FreeCodeCamp/wiki/Front-End-Project-Use-the-Twitchtv-JSON-API.
  11. 提示: 这个文档有更多关于如何调用这个API的细节:https://github.com/justintv/Twitch-API/blob/master/v3_resources/streams.md#get-streamschannel.
  12. 提示: 这有一个Twitch.tv 用户名数组,里面包含有通常正在直播写代码的人: ["freecodecamp", "storbeck", "terakilobyte", "habathcx","RobotCaleb","thomasballinger","noobs2ninjas","beohoff"]
  13. 当你遇到困难的时候,记得查看错误提示、阅读文档、搜索、提问。
  14. 当你完成了这个项目,请点击 "我已经完成了这个挑战" 按钮,输入你的项目在CodePen上的链接。
  15. 你可以分享这个项目给huluoyang聊天室来获得反馈。

进入下一个挑战 (ctrl + enter)
Help
Bug