Mudanças entre as edições de "Widget:Twitch"
Ir para navegação
Ir para pesquisar
(Criou página com '<div id="streamers-ativos"> <p>Carregando streamers ativos...</p> </div> <script> const clientId = '3cqgn6bg1ts9bm3pahx51aiivs2u3d'; // Seu Client ID const accessToken...') |
|||
| (3 revisões intermediárias pelo mesmo usuário não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
<includeonly> | |||
<div id="streamers-ativos"> | <div id="streamers-ativos"> | ||
< | <!-- Streamers aparecerão aqui --> | ||
</div> | </div> | ||
| Linha 32: | Linha 33: | ||
if (activeStreamers.length > 0) { | if (activeStreamers.length > 0) { | ||
container.innerHTML = activeStreamers.map((stream) => ` | container.innerHTML = activeStreamers.map((stream) => ` | ||
<div class="streamer"> | <div class="streamer" id="streamer-${stream.user_name}"> | ||
<h3>${stream.user_name}</h3> | <h3>${stream.user_name}</h3> | ||
<p>${stream.title}</p> | <p>${stream.title}</p> | ||
| Linha 46: | Linha 47: | ||
`).join(''); | `).join(''); | ||
} else { | } else { | ||
container.innerHTML = ' | container.innerHTML = ''; // Deixa vazio se nenhum streamer ativo for encontrado | ||
} | } | ||
} catch (error) { | } catch (error) { | ||
console.error('Erro ao buscar streamers:', error); | console.error('Erro ao buscar streamers:', error); | ||
document.getElementById('streamers-ativos').innerHTML = ' | document.getElementById('streamers-ativos').innerHTML = ''; // Deixa vazio em caso de erro | ||
} | } | ||
} | } | ||
fetchActiveStreamers(); | // Atualiza os streamers ativos periodicamente (a cada 1 minuto) | ||
fetchActiveStreamers(); // Chamada inicial | |||
setInterval(fetchActiveStreamers, 60000); // Atualiza a cada 60 segundos | |||
</script> | </script> | ||
| Linha 78: | Linha 81: | ||
} | } | ||
</style> | </style> | ||
</includeonly> | |||