API-Nutzung Erstellung eines eigenen Clients

Erstellung eines eigenen Clients “by-example”

Unter http://developer.flyp.tv/api-sample.html finden Sie eine Beispielanwendung, die die von FlypSite bereitgestellten Skripte nutzt, um die verschiedenen Kommunikationsaspekte eines FlypSite-Clients by-example präsentiert.

Um die Beispielanwendung mit Ihrem eigenen Token und ggf. nur für einen Stream zu nutzen:

  • Kopieren Sie das Token auf der Clients-Seite / HTML-Injection: “edit” / Client Token.
  • Rufen Sie die Beispielanwendung mit dem Parameter ?token={{IhrToken}} auf: http://developer.flyp.tv/api-sample.html?token={{IhrToken}}.
  • Hängen Sie zusätzlich den Parameter stream an, um nur die Posts eines Streams auszugeben: http://developer.flyp.tv/api-sample.html?token={{IhrToken}}&stream=out1

Zu inkludierende Skripts

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<script src="https://js.pusher.com/2.2/pusher.min.js"></script>
<script src="https://live.flyp.tv/g/20.06/vienna.js"></script>

Minimal-Skripting

this.protocol.connect() initialisiert die Kommunikationsfunktionen (Websocket, Initialabruf). this.postUpdates() sorgt für eine rudimentäre Darstellung der Posts.

JSON-Abrufe, vgl. Network-Panel (Filter: XHR)

API HTTP Initialer JSON-Abruf in den Developer Tools des Chrome-Browsers.

Websocket-Kommunikation, vgl. Network-Panel (Filter: WS)

API Websocket Websocket-Kommunikation in den Developer Tools des Chrome-Browsers.