Kendi TikTok LIVE widget’larını oluştur

TikTok LIVE widget’ı nasıl çalışır

Birkaç satırda bir hediye bildirimi

Widget’lar olayları tek bir fonksiyonla alır. Bu örnek, bir hediye geldiğinde kimin hangi hediyeden kaç tane gönderdiğini gösterir:

<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>

İnsanlar neler yapıyor

Ya da anlat, yapay zekâ yapsın

Kod yazmak zorunda değilsin. Widget’ı anlat (“biri Aslan gönderdiğinde 5 saniye boyunca şimşekli bir aslan gösteren siberpunk bir hediye bildirimi”) ve yapay zekâ oluşturucu HTML, CSS ve JavaScript’i yazar, canlı yayın olaylarına bağlar ve bir önizleme tuvalinde gösterir. İstediğini isteyerek değiştir ya da kodu açıp kendin düzenle.

Fikirden yayına

Sorular