JavaScript CSS HTML
Latest commit f342267 Feb 20, 2017 @bagbag bagbag committed on GitHub typo

README.md

MediathekViewWeb → mediathekviewweb.de

MediathekViewWeb ist eine einfache Browser-Oberfläche für den Zugriff auf die Filmliste des MediathekView Projekts.

Im Gegensatz zu MediathekView muss bei MediathekViewWeb weder ein Programm installiert noch eine Filmliste heruntergeladen werden, die Suche steht deshalb augenblicklich im Browser zur Verfügung. Da die Abfrage auf dem Server durchgeführt wird, die Anforderungen an das Endgerät (Browser) minimal sind, und weil kein Java installiert werden muss, lässt sich die Website auch auf Smartphones und Tablets nutzen.

MediathekViewWeb

1. In die Suchliste eintippen, was man anschauen möchte.
2. Doppelklick auf das Videosymbol, um die Sendung sofort in der besten verfügbaren Qualität zu starten, oder mit der Maus drübergehen, um das Menü zu öffnen.

Popover

Ein Klick auf das Abspielsymbol startet das Video in der gewünschten Qualität. Ein Klick auf das Diskettensymbol startet den Download der Videodatei (Achtung: dies wird nicht von allen Browsern (z.B. Firefox) unterstützt - hier dann per Rechtsklick -> "Ziel speichern unter" bzw. "Save target as" das Video herunterladen).
Im geöffneten Player das X oben rechts oder Escape drücken, um den Player zu schließen. Dadurch wird auch das Abspielen beendet.

Overlay

Erweiterte Suche

Die Suchzeile unterstützt das Durchsuchen nach Sender, Thema, Titel und Beschreibung. Hier einige Beispiele:
  • "!ard" zeigt alle Beiträge der ARD.

  • "#sport" zeigt alle Beiträge aller Sender zum Thema "Sport".

  • "+gebärdensprache" zeigt alle Beiträge, die "Gebärdensprache" im Titel enthalten.

  • "*norwegen" zeigt alle Beiträge aller Sender, die "Norwegen" in der Beschreibung enthalten.

  • "!ard #wetter" zeigt alle Beiträge von ARD zum Thema "Wetter".

  • "#doku +weltall" zeigt alle Beiträge aller Sender im Thema "Doku", die im Titel "Weltall" enhalten.

  • "#tagesschau *klima" zeigt alle Beiträge der "Tagesschau", die "Klima" in der Beschreibung enthalten.

Das Komma ist der "und" Operator
  • "*diane,kruger" zeigt alle Beiträge, die "Diane" und "Kruger" in der Beschreibung enthalten.
Es lassen sich auch gleichzeitig mehrere Sender, Themen, Titel oder Beschreibungen angeben:
  • "!ard !ndr #sturm,der,liebe #rote,rosen" zeigt Themen "Sturm der Liebe" und "Rote Rosen" von ARD und NDR.
In den allermeisten Fällen reicht die Eingabe aussagekräftiger Begriffe aus Titel oder Thema:
  • "planet wissen" zeigt alle Beiträge, in denen "Planet" und "Wissen" im Titel oder im Thema vorkommen.
Überall suchen
  • Wenn "Überall" aktiviert ist, werden alle Begriffe, die kein !, #, + oder * davor haben in allen Feldern gesucht. Zusätzlich kann man jedoch auch hier noch nach Sender, Thema, Titel und Beschreibung filtern.

Verwendete Programme, Bibliotheken etc. (zumindest die wichtigsten, siehe package.json für mehr)

Server

  • Node
  • Redis
  • Elasticsearch

Client

  • bootstrap
  • jQuery

Auf beiden Seiten

  • Socket.IO