jQuery Teamspeak 3 Status

Dinge, die man nie tun sollte: Ein PHP-Skript erstellen, das sich mit einem anderen Server verbindet, um Informationen abzurufen und auf Eurer Webseite anzuzeigen. Und auf keinen Fall sollte man dies bei jedem einzelnen Seitenaufruf tun, ohne die Ergebnisse zwischenzuspeichern. Kürzlich wurde ich gebeten, meinem Bruder mit einem Modul zu helfen, das er heruntergeladen hatte, was genau das tat. Also habe ich stattdessen dieses jQuery-Plugin erstellt.

jQuery Teamspeak 3 Status zeigt ein einfaches Widget für Euren Teamspeak-Server an, unter Verwendung der Simple REST API von Planet Teamspeak. Es zeigt im Grunde genommen nur die Anzahl der verfügbaren Slots und die Anzahl der aktuell verbundenen Benutzer an. Ihr könnt das Plugin mit bower installieren oder direkt aus dem Repository herunterladen.

bower install jquery-ts3status --save

Alles, was Ihr über Euren Server wissen müsst, ist seine IP-Adresse und der entsprechende Port. Dann könnt Ihr ts3status() auf einem beliebigen Container anwenden und das Plugin erledigt den Rest.

<div id="ts3status"></div>

$('#ts3status').ts3status({
  host: '82.211.30.15',
  port: '9987'
});

Standardmäßig sieht das Markup ungefähr so aus, aber Ihr könnt die Vorlagen mit den in der README-Datei beschriebenen Konfigurationsoptionen überschreiben.

<div id="ts3status" class="ts3-success">
  <div class="ts3-name">Planet TeamSpeak(DE)</div>
  <div class="ts3-slots">Slots: 23/100</div>
  <a href="ts3server://84.200.62.248/?port=9987">Connect</a>
</div>

Weitere Informationen zur Konfiguration, Callbacks und eine Demo findet Ihr in der README-Datei des Github-Repositories. Bitte lasst es mich wissen, wenn Ihr auf einen Bug stoßen solltet.