[Announce] instantVdrRemote 0.1 - Konfigurierbare Fernbedienung für Tablets und Smartphones

instantVdrRemote 0.1 ist eine frei konfigurierbare virtuelle VDR-Fernbedienung für Tablets, Smartphones und sonstige Web-Browser. Sie sollte auf allen Geräten laufen, die jQuery Mobile unterstützt.

• funktioniert gleichermaßen auf Touch-basierten Geräten und auf Geräten, an denen Mäuse hängen, passt sich an schmale und breite Screengrößen an
• benötigt zwingend das VDR-Plugin restfulapi (bei yaVDR vorinstalliert), kommuniziert damit via HTTP
• leichtgewichtige WebAPP, basiert auf HTML, Javascript, jQuery Mobile
• Die "App" besteht nur aus einer einzigen HTML-Seite, die alles nötige nachlädt (jQuery und jQuery Mobile), man kann aber die Frameworks auch runterladen und lokal vorhalten und sich damit unabhängig machen.
• Minimaler Installationsaufwand: Live-Demo ohne Installation hier. Hat man sich die Datei lokal runtergeladen, funktioniert die App auf einem Desktop-PC innerhalb von Desktop-Browsern sogar ohne Web-Server (einfach Doppelklick auf index.html oder die Datei in ein Browserfenster reinziehen). Es empfiehlt sich aber letztlich, die Datei auf einem Webserver im lokalen Netz abzulegen, damit man von allen Smartphones, Tablets, Laptops im Haushalt über eine URI darauf zugreifen kann. (Weiter unten im Thread ist eine Erklärung, wie man die Datei auf einer yaVDR-Installation platziert.)
• komplett konfigurierbar über JSON-Strukturen im Quelltext (Button-Anordnung, relative Button-Breite, Button-Beschriftung, Button-Design)
• Optik änderbar mit vorgefertigten oder selbstgemachten jQuery-Mobile-Themes: http://jquerymobile.com/resources/#Themes / http://jquerymobile.com/themeroller/

Die "App" enthält in der Grundkonfiguration alle denkbaren Tasten, die über restfulapi bereitgestellt werden, daher ist sie in der Grundkonfiguration sicherlich nicht besonders nutzerfreundlich

Einladung an alle: Wer baut die cleverste Fernbedienung auf Basis von instantVdrRemote?

Bekannte Probleme:

• Touch-Events sind je nach Gerät zu empfindlich oder unempfindlich, hier sind Praxiserfahrungen wichtig, das Eventing kann angepasst werden
• Prüfen, ob Events mehrfach abgeschickt werden, Repeat-Rate ist undefiniert

Im Git behobene Probleme seit erster Veröffentlichung des Codes:

• Bug bzgl. Zeilenposition von inflateRemote(),
• Taste "Next" hat kein Icon.

Have fun!

Bezugsquellen

• Download der jeweils neuesten Entwicklerversion: Als Zip-Archiv direkt von Github
• Git: https://github.com/hpingel/instantVdrRemote.git
• instantVdrRemote direkt ausprobieren als Live-Demo

Viele Grüße
hepi

Hallo Jan,

Zitat von Jansen

Bei mir funktioniert es aber nur, wenn ich den VDR nicht fest in die html Datei eintrage.
Ist er eingetragen, läd nur header und footer. inflateRemote(); scheint nicht aufgerufen zu werden. Fügt man ein "else inflateRemote();" in Zeile 262 ein, klappts.

Du hast vollkommen Recht. Der Aufruf von inflateRemote(); ist eigentlich unabhängig davon, ob der Host bekannt oder unbekannt ist, kann also einfach auch schon direkt nach $(document).ready() kommen, zum Beispiel in Zeile 257 oder so.

EDIT: Fehler ist behoben.

Beim nächsten "Release" baue ich die Korrektur ein:

$(document).ready(function(){


        inflateRemote();


        if ( typeof(host) === "undefined" || host === ""){
            $("#popupHost").popup("open");
        }
...

Viele Grüße
hepi

Zitat von CKone

kann man das nicht mit einfachen Mitteln auf den 0.5 Webserver auflegen, muss ja nicht als index.html sein?

Christian

Ja, das geht, aber hier kommt jetzt nur ein Quick'n'Dirty Howto. Wenn jemand fragt, ich habe nix gesagt:
Auf dem yaVDR-Rechner im Verzeichnis /usr/lib/yavdrweb/static die index.html ablegen (ggf. umbenennen oder neuen Ordner anlegen und da reinpacken).
Danach kann man die Datei aufrufen mit: http://[meinLokalerVDR]/static/index.html (bzw. im Unterordner davon)
Achtung: Das ist nicht unbedingt update-sicher! Vielleicht kann man mit einem Symlink arbeiten?

Diese Fernbedienung ist aber momentan für mich nur ein kleiner Teil eines Großprojektes, an dem ich arbeite. Wäre ich eitel, würde ich das vergleichen mit einem Musiker, der aus seinem neuen Album eine erste Single auskoppelt. Ich bin aber nicht eitel und daher würde ich gar nicht auf so eine Idee kommen. Weil es aber ein Kleinprojekt ist, gebe ich mir momentan keine Mühe, es in yaVDR sorgfältig einzubetten.

Gruß
hepi

Noch zwei Dinge:

1) SSL-Webserver

Wenn man daheim auf einem NAS oder auf einem Plug-Computer einen Webserver laufen hat, kann man natürlich die Datei auch dort ablegen und ggf. um einen Aufruf eines PHP-Scripts für WOL ergänzen, welches dann auch auf dem Server liegt. Wenn WOL als Feature dabei ist, macht es Sinn, das von der yaVDR-Kiste zu entkoppeln, die eventuell nicht angeschaltet ist.

Man hat dann im Normalfall zwei Hostnamen für den Webserver: Einen internen und einen externen (dyndns und co.) -am besten via HTTPS. Wenn man nun die Fernbedienung via HTTPS aufruft, kann es vorkommen, dass einige Mobilbrowser die Anzeige der Seite verweigern, wenn die Seite versucht, über HTTP aus dem Internet Resourcen nachzuladen (jQuery). Dann lohnt es sich, die jQuery-Dateien lokal neben die index.html zu legen und einzubinden.

2) Theming

Es gibt spezielle jQuery-Mobile-Themes für Android, Blackberry, IOS, Windows Phone usw. Wer neugierig ist, kann ein anderes Theme einbinden: http://jquerymobile.com/resources/#Themes
Ich habe da mal was ausprobiert, aber so riesengroß waren die Unterschiede nicht, jedenfalls in Bezug auf die Fernbedienung hier, die nur aus Buttons besteht. Witzig ist das Metro-Theme (Windows), welches einfach die Hintergrundfarbe aller Buttons transparent macht, so dass man in den Buttons nur die Hintergrundfarbe des Screens sieht. Macht die Fernbedienung sehr, sehr übersichtlich...

Hier ist ein Screenshot von einem Android-Theme, das ich ausprobiert habe:

Das Theme war von hier: https://github.com/jjoe64/jquery-mobile-android-theme

Gruß
hepi

Hallo Jan,

danke für Dein Feedback! Ich muss aber auch nochmal für restfulapi in die Bresche springen:

Ohne das Plugin vdr-plugin-restfulapi wäre es aber nicht möglich gewesen, diese Fernbedienung als Ein-Datei-Applikation zu realisieren.

vdr-plugin-restfulapi wurde erstmals im Frühjahr 2011 von Mitgliedern des yaVDR-Teams veröffentlicht. Den ersten Prototypen davon hat gda erstellt, stark ausgebaut wurde das Plugin dann im Anschluss von aelo, mittlerweile hat glaube ich fast jeder im yaVDR-Team mal ein paar Zeilen ergänzt. Ich erwähne das nur noch einmal, weil ich eigentlich nur wenige Projekte kenne, die restfulapi einsetzen. Es ist bei yaVDR standardmäßig aktiv, aber die meisten kommen damit nicht in Berührung. Hierbei erwähnenswert: saman hat für sein interessantes Projekt tcpRemote auch restfulapi benutzt und auch restfulapi durch seine Patches an Funktionalität erweitert.

Themenwechsel: Welche Icons werden bisher verwendet in der Fernbedienung?
Standard-Icons von jQuery Mobile: http://jquerymobile.com/demos/…uttons/buttons-icons.html

Vorteil: Sie sind sehr leicht einzubinden und leicht konfigurierbar. Nachteil: Es fehlen typische Icons für eine Media-Fernbedienung. Wer Lust hat...

Viele Grüße
hepi

Habe ein Git-Repository angelegt für die Datei. URLs oben im ersten Posting ergänzt + Download-Link verändert. Fehler mit inflateRemote ist im Git behoben.

@Frank: Danke für den Icon-Link, die Icons schaue ich mir an! Theme und Aufteilung sind "as is", wer schöner will, muss selber machen. Es ist einiges konfigurierbar an der Aufteilung.

Gruß
hepi

Hallo,

ich arbeite gerade an Version 0.2 von instantVdrRemote. Warnung: Die zweite Version wird nicht mehr als Ein-Datei-App daherkommen. So reizvoll es auch ist, nur eine Datei zu haben, mit den oben verlinkten Custom-Icons wird es mehr werden. Auch will ich die Konfiguration auslagern in eine eigene Datei, damit es einfacher wartbar wird für den User. Aber wenn man als User auf das Custom-Icon-Pack verzichtet, kann man dann immer noch mit zwei Dateien auskommen.

Gruß
hepi

Noch etwas zur demnächst kommenden Version 0.2:

Momentan habe ich ja per Default zehn "User"-Buttons auf der Remote drauf (unten rechts). Es hat aber kaum jemand tatsächlich einen oder mehrere User-Buttons definiert in der keymacros.conf vom VDR. Die meisten werden von dieser Datei noch nie etwas gehört haben. Deshalb sind die User-Buttons Platzverschwendung für die meisten User und werden deshalb an einen separaten Ort verfrachtet. Wer sie braucht, kann sie sich dann an den Ort hin-konfigurieren, wo sie am besten passen. Man muss ihre Caption ja eh manuell umbenennen, damit man weiß, was sie tun.

Viele Grüße
hepi

Eine Vorschau auf die Version 0.2:

Zitat von gda

Es bricht vielleicht ein bisschen mit dem Layout, aber ich würde einen Lautstärkeschieberegler am unteren Rand schick finden. Ich weiß allerdings nicht ob Restful den aktuellen Pegel zurückgibt.

restfulapi kann momentan kein getVol() oder setVol(). Kannst Du es schnell implementieren? Ich bräuchte länger dafür.

Gruß
hepi