Crie seus próprios widgets para TikTok LIVE

Como funciona um widget de TikTok LIVE

Um alerta de presente em poucas linhas

Os widgets recebem eventos por uma única função. Este mostra quem enviou qual presente, e quantos, sempre que chega um presente:

<div id="alert"></div>

<script>
TE.on('gift', function (e) {
  var el = document.getElementById('alert');
  el.textContent = e.user.name + ' sent ' + e.gift.name + ' ×' + e.gift.repeat;
  el.className = 'show';                       // your CSS animates it in
  setTimeout(function () { el.className = ''; }, 5000);
});
</script>

O que o pessoal cria

Ou descreva e deixe a IA criar

Você não precisa escrever código. Descreva o widget — “um alerta de presente cyberpunk que mostra um leão de raios por 5 segundos quando alguém manda um Leão” — e o criador com IA escreve o HTML, CSS e JavaScript, conecta aos eventos da sua live e mostra numa tela de prévia. Mude qualquer coisa pedindo, ou abra o código e edite você mesmo.

Da ideia à live

Perguntas