Wie binde ich den TSViewer ein?

Aus g-portal.com Wiki
Wechseln zu: Navigation, Suche

Falls du eine kleine Übersicht deiner CHannel und der Benutzer auf deiner Webseite einbinden möchtest, dann eignet es sich den sogenannten TSViewer einzubinden. Um dies erstmal zu machen, müssen ein paar Einstellungen am TeamSpeak vorgenommen werden sowie eine Registration auf einer Website, um den TeamSpeak einzubinden auf deiner Webseite. Wie das genau funktioniert, wird dir im nachfolgenden Artikel erklärt.

Rechteeinstellungen am TeamSpeak vornehmen

Fortgeschrittenes Rechtesystem aktivieren

Um die nötigen Einstellungen vorzunehmen, musst du erstmal das sogenannte fortgeschrittene Rechtesystem in deinem Client aktivieren. Dies funktioniert in folgenden Schritten:

  1. Öffne deinen TeamSpeak 3 Client
  2. In der Menüleiste auf "Einstellungen" und "Optionen" klicken
  3. Im geöffneten Optionenfenster auf "Anwendung" klicken
  4. Den Haken bei Fortgeschrittenes Rechtesystem setzen

Hier nochmal in einer kurzen Animation:

Erweitertes-rechtesystem.gif


Danach ist das erweiterte Rechtesystem aktiviert. Dieser Schritt ist also erledigt.

Rechte einstellen

Nun müssen wir die nötigen Rechte setzen. Dazu einfach folgende Schritte befolgen:

  1. In der Menüleiste auf "Rechte" und "Server Gruppen" klicken
  2. Klicke die Gruppe Guest an
  3. Suche in der Suchleiste nach b_virtualserver
  4. Finde folgende Rechte und füge diese hinzu:
    1. Gruppe "Virtueller Server", "Information"
      1. b_virtualserver_info_view
      2. b_virtualserver_channel_list
      3. b_virtualserver_client_list
    2. Gruppe "Gruppe", "Information"
      1. b_virtualserver_servergroup_list
      2. b_virtualserver_channelgroup_list
  5. Das Fenster schließen

Hier nochmal in einer kurzen Animation:

Teamspeak-rechteeinstellung-tsviewer.gif


Jetzt wurden die nötigen Rechte eingestellt. Der TSViewer kann nun theoretisch auf den Server zugreifen und die nötigen Informationen abholen um diese auf der Webseite anzuzeigen.

TeamSpeak Server auf www.tsviewer.com eintragen

Da nun der TeamSpeak Server genug Rechte hat, damit dieser die nötigen Informationen an den Viewer geben kann, kannst du nun diesen auf der Seite https://www.tsviewer.com/ einbinden. Folgende Schritte müssen nun gemacht werden:

  1. Auf die Seite https://www.tsviewer.com/index.php?page=serverreg gehen
  2. Das Registrierungsformular ausfüllen
    1. TeamSpeak 3 auswählen
    2. Die Felder Kürzel, Homepage, Logo oder Banner, Alternative Kategorie, Gameserver Name, Gameserver IP:Port und Clan oder Server Beschreibung sind dabei optional und müssen nicht ausgefüllt werden
    3. Bei Clan oder Server Name den Servernamen eingeben. Dieser ist nur für die Seite TSViewer.com wichtig
    4. Bei Land das Land eintragen, in welchem Land dein TeamSpeak Server hauptsächlich genutzt wird
    5. Bei Kategorie die Kategorie auswählen, auf welches dein TeamSpeak Server am besten zutrifft
    6. Bei Server IP die IP deines TeamSpeak Servers eingeben
      Teamspeak-server-ip.png
    7. Bei UDP Port den Port deines TeamSpeak Servers eingeben
      Teamspeak-server-port.png
    8. Bei TCP Query Port gibst du den Port 10011 ein
    9. Bei Server Passwort geschützt? angeben, ob der Server mit einem Passwort geschützt ist
      1. Wenn dein Server nun mit einem Passwort ist, dann ist ein weiteres Feld aufgetaucht. Das Feld Passwort veröffentlichen? fragt, ob dein Passwort in der Liste öffentlich angezeigt werden soll oder nicht.
      2. Falls das Passwort öffentlich angezeigt werden soll, in das Feld Passwort einfach das Serverpasswort eintragen
    10. Bei Dein Name/Nickname deinen Namen auf dem TeamSpeak eingeben. Dies ist dafür da, damit TSViewer weiß, wem der TeamSpeak Server gehört
    11. Bei Deine Email Adresse deine Email Adresse angeben. Diese wird nicht veröffentlicht und ist wichtig zum Beispiel für die Registrierungsbestätigung oder den Newsletter. Der Newsletter lässt sich auch abbestellen.
    12. Bei Passwort für die Account Bearbeitung auf TSViewer.com musst du ein Passwort festlegen und merken. Dies ist wichtig, falls du im nachhinein Daten auf der Seite ändern möchtest
    13. Am Ende dann die Autorisierung, Datenschutz und den Nutzungshinweis zustimmen und das ganze Formular absenden

Wenn alles richtig ausgefüllt wurde, dann steht auf der nächsten Seite "Server erfolgreich registriert". Somit wurde dein TeamSpeak Server nun auf der Seite TSViewer.com erfolgreich registriert. Deine Seite sollte dann etwa so aussehen:

Tsviewer-com-screenshot.png

TSViewer.com auf deiner Webseite einbinden

Um nun den TSViewer auf deiner Webseite einzubinden, musst du auf deiner Seite oben bei den Reitern auf "Server Banner" oder "Code Generator" klicken.

  • "Server Banner" erstellt einen Banner, also ein einfaches Bild, welches zu auch zum Beispiel in einem Forum einbinden kannst
  • "Code Generator" erstellst du einen HTML Code, den du auf deiner Webseite einbinden kannst

Alle weiteren nötigen Schritte werden auf den jeweiligen Seiten. :-)