Überblick

Das pixl SDK ist eine kleine JavaScript-Bibliothek, mit der du die Events deines Kanals live in eigenen Widgets nutzt. Es läuft überall, wo ein Browser läuft: als Custom Widget in StreamElements, als Browserquelle in OBS oder auf deiner eigenen Seite.

Du brauchst dafür nur einen API-Schlüssel. Den legst du im Dashboard auf der Seite API & SDK an.

Ein kleines WidgetLink zur Überschrift kopieren

<div id="bits">0</div>

<script src="https://pixl.lennox.zip/sdk/pixl.js"></script>
<script>
  const pixl = new Pixl({ key: 'pixl_DEIN_SCHLÜSSEL' });

  // Alle Bits seit Stream-Start, erst die bisherigen, dann live
  let bits = 0;
  pixl.feed({ since: 'stream', types: ['twitch.cheer'] }, (data) => {
    bits += data.bits;
    document.querySelector('#bits').textContent = bits;
  });

  pixl.on('twitch.follow', (data) => {
    console.log(`${data.username} folgt jetzt!`);
  });
</script>

Das SDK verbindet sich von selbst, hält die Verbindung offen und baut sie nach einem Abbruch wieder auf.

Was das SDK kannLink zur Überschrift kopieren

• Events live empfangen mit pixl.on()
• Bisherige Events abfragen und mit Historie + live ohne Lücke weiterzählen
• Chat mit Emotes von Twitch, 7TV, BTTV und FFZ anzeigen und TTS im Overlay abspielen
• Die Sub-Zahl laut Twitch und den laufenden Spotify-Song lesen
• Alles davon geht auch ohne SDK über die HTTP-API