Streambadge

Streambadge ist mein erster Versuch eines "Startups" auf eine zufällige Art und Weise. Es entstand, nachdem ich einen Bedarf für einen solchen Dienst gesehen hatte, für meine eigenen Bedürfnisse und für andere. Ich habe zuerst das Twitch TV-Widget veröffentlicht und dabei einiges an Zugkraft gesehen, also habe ich beschlossen, es zu einem echten Dienst zu machen.

Der Name

Als ich darüber nachdachte, wie ich es nennen sollte, kam ich zuerst auf „TwitchBadge“, da Twitch.tv zu dieser Zeit die einzige API war. Dann dachte ich, warum mich einschränken? Warum nicht alle verfügbaren APIs einbeziehen? Und so entstand Streambadge.

Etwas Tech

Ich verbrachte ein paar Wochen in meiner Freizeit damit, alles zusammenzustellen. Es war ein lustiges Projekt, etwas, an dem man herumhacken und ein paar neue Dinge ausprobieren konnte. Die Technik dahinter ist eigentlich ganz einfach. Verwenden Sie die Ajax-Bibliothek von jQuery, um Daten aus verschiedenen Quellen abzurufen. Geben Sie diese Daten dann auf einer kleinen Seite aus und füllen Sie den Inhalt bei jedem Laden der Seite aus. Das ist der iframe -Teil.

Für die img -Abzeichen wird PHP verwendet, um die Leinwand mit den Daten dynamisch zu zeichnen. Mit einer Umleitungsaktion des Apache-Webservers kann ich die Daten basierend auf dem Namen der eingehenden Bilddatei anfordern. Es ist wahrscheinlich eines der nettesten Dinge, die ich je gemacht habe, und ich bin ziemlich stolz darauf.

Mal sehen, ob es jemand nutzt!

Hier ist die README aus dem GitHub-Repo:


Streambadge hilft Ihnen, Zuschauer zu gewinnen, indem es Ihren Live-Stream-Status anzeigt. Wählen Sie Ihren Videostream-Dienst aus, fügen Sie Ihren Benutzernamen hinzu und holen Sie sich den Code! Fügen Sie den Code in Ihre Website, Ihren Blog, Ihre Forensignatur oder wo immer Sie möchten ein!

Streambadge greift über verschiedene Service-API-Anfragen auf Ihre Live-Stream-Informationen zu. Aktuelle Dienstleistungen umfassen; Twitch.tv, Justin.tv, UStream.tv, GoodGame.ru, hitbox.tv und Livestream.com.

Live

Probieren Sie es hier aus

Zurück zum Blog