36 lines
1.9 KiB
Markdown
36 lines
1.9 KiB
Markdown
---
|
|
id: bd7158d8c442eddfaeb5bd1f
|
|
title: Usar a API de JSON do TwitchTV
|
|
challengeType: 3
|
|
forumTopicId: 19541
|
|
dashedName: use-the-twitch-json-api
|
|
---
|
|
|
|
# --description--
|
|
|
|
**Objetivo:** criar uma aplicação no [CodePen.io](https://codepen.io) que tenha função semelhante a esta: <https://codepen.io/freeCodeCamp/full/Myvqmo/>.
|
|
|
|
Atenda às [especificações de usuário abaixo](https://en.wikipedia.org/wiki/User_story). Use quaisquer bibliotecas ou APIs de que você precisar. Dê a ele o seu próprio estilo pessoal.
|
|
|
|
**Especificação de usuário:** posso ver se o freeCodeCamp está atualmente transmitindo no Twitch.tv.
|
|
|
|
**Especificação de usuário:** posso clicar na saída de status e ser enviado diretamente para o canal do Twitch.tv do freeCodeCamp.
|
|
|
|
**Especificação de usuário:** se um usuário do Twitch estiver transmitindo atualmente, posso ver detalhes adicionais sobre o que ele está transmitindo.
|
|
|
|
**Dica:** a documentação relevante sobre a API de JSON do Twitch.tv está aqui: <https://dev.twitch.tv/docs/api/reference/#get-streams>.
|
|
|
|
**Dica:** aqui está um array de nomes de usuários do Twitch.tv de pessoas que regularmente fazem streaming: `["ESL_SC2", "OgamingSC2", "cretetion", "freecodecamp", "storbeck", "habathcx", "RobotCaleb", "noobs2ninjas"]`
|
|
|
|
**ATUALIZAÇÃO:** devido a uma mudança nas condições de uso da API, o Twitch.tv agora requer uma chave de API, mas nós construímos uma solução alternativa. Use <https://twitch-proxy.freecodecamp.rocks/> ao invés do URL base da API do Twitch (ou seja, `https://api.twitch.tv/helix` ) e você ainda poderá obter informações da conta, sem a necessidade de se cadastrar para uma chave de API.
|
|
|
|
Quando terminar, inclua um link para o seu projeto no CodePen e clique no botão "Eu completei esse desafio".
|
|
|
|
Você pode obter feedback sobre o seu projeto compartilhando-o no [fórum freeCodeCamp](https://forum.freecodecamp.org/c/project-feedback/409).
|
|
|
|
# --solutions--
|
|
|
|
```js
|
|
// solution required
|
|
```
|