» Remote Control VVVV
This site relies heavily on Javascript. You should enable it if you want the full experience. Learn more.

Remote Control VVVV

acl(admin devvvv vvvvgroup)

Scribbles zum Remote Interface

Kommuniziert wird via HTTP. Eine erste Version sollte im Browser via Ajax funktionieren. Der HTTP Server läuft in vvvv.

Authentifizierung mit passwort -> server erzeugt entweder eine session (schwierig mit jeztiger http komponente) oder sperrt den
zugriff wenn schon jemand mit einer IP eingeloggt ist. Dies erfordert vom Server eine ständige überprüfung der Client IP.

Ablauf:

  • In vvvv werden mit speziellen Knoten Interface Elemente definiert. Die Repräsentation dieser Knoten (z.B. Slider, Button, Enum, Colorpicker, Textfeld...) im Browser Interface wird über je ein XUL File definiert. Es gibt einen Remote Ordner in der vvvv distribution mit standart XUL Files. Genau wie beim tikiwiki kann man sich selber einen Unterordner anlegen und darin einzelne XUL Files anpassen und ablegen. die vvvv knoten bekommen ein EnumPin mit der Liste der Verfügbaren Styles. Über das XUL File können auch die in vvvv über Pins verfügbaren Parameter gesteuert werden. Dies funktioniert mit einer eigens definierten Scriptsprache, die der folgenden Syntax gehorcht
$$datentyp 'defaultwert'$$

Beispiel:

<slider label="$$string 'input'$$" tabindex="$$int '6'$$" style="$$color '#FFFFFF'$$" />

vvvv legt für jeden gefunden Platzhalter einen entsprechenden Pin an

Oder es können statische [Bilder und Texte eingefügt werden. Ebenso kann das CSS file im Ordner geändert werden.

  • Mit dem Browser wird die in vvvv vergebene URL mit HTTP Get angefragt. Die Kommunikation läuft über HTTPS
  • vvvv checkt die IP Adresse des Clients und schickt ein HTML Authentifizierungsforumlar zurück
  • Der Browser übermittelt die eingegebenen Daten an vvvv via HTTP POST
  • vvvv entscheidet im Fall von korrekten Authentifizierungsdaten ob bereits eine IP auf das System zugreift, wenn ja, schickt vvvv eine entsprechende Fehlermeldung an den Browser zurück. Im Fall von falschen Auth-Daten, schickt vvvv das Formular noch einmal zurück.
  • Falls noch keine andere IP registriert ist hat der Browser Zugriff. vvvv sendet dann das XUL file zurück und legt eine XML Datei mit den aktuellen vvvv werten an. Diese Datei wird bei eingehenden neuen Werten mitgeschrieben.
  • Der Browser nimmt die XUL beschreibung entgegen und stellt daraus das HTML/Javascript Interface zusammen. Dieser Teil stellt sich als nciht trivial heraus. Nach bisherigen Recherchen habe ich noch kein Projekt gefunden, welches rein Clientseitig aus XUL eine funktionierendes Ajax Interface generiert... Martin meint, das müsse aber gehen und sei zu implementieren. XSLT kann hier auch helfen um alle nötigen XHTML elemente zu generieren.http://interface.eyecon.ro/demos Interface Bibliothek für JQuery

Alternativ kann man auch nur das XUL File liefern und direkt mit Firefox darstellen lassen... Dann ist man aber auf den Firefox beschränkt.

  • optional: von jetzt an fragt der Browser in Regelmäßigen Abständen den vvvv server nach der aktuellen Interfacebeschreibung an, um evtl. vvvv seitig geänderte einstellungen ebenfalls darstellen zu können.
  • Wird ein Wert im Browserinterface geändert wird via XMLHttpRequest eine XML Beschreibung mit der ElementID und dem neuen Wert an vvvv gesendet
  • vvvv nimmt den Wert entgegen, gibt ihn an den Pins aus und speichert ihn in oben genannten XML File ab. An den Browser wird eine XML Beschreibung "OK hat funktioniert" übermittelt. Im Fall von Korruptionnen wird eine entsprechende Fehlermeldung an den Browser zurückgeschickt. Bleibt die "Ok" Meldung aus, so "weiß" der Browser dass entwas schiefgelaufen ist.
  • Wird vvvv geschlossen, oder der rechner neu gebootet, wird beim anlegen der Interfaceknoten, registiert, ob das XML-File mit den Werten vorhanden ist, wenn ja werden diese Werte an den Outputpins ausgegeben. Wenn nein werden die Defaultwerte an den Inputpins genommen.

I/O Knoten

Paramater werden von XUL Referenz abgeleitet. (Xul enthält auch Attribute zur Ausrichtung, Breite und Höhe von Elementen), Via CSS kann dann das aussehen geändert werden.

  • Slider: ->Slider mit min, max und increment
  • Button -> checkbox, true, false
  • Color-> Colorpicker, RGB Value
  • Enum -> Dropdown

Gruppierungsknoten

Der Hierarchie nach geordnet. Vorstellbar wie hier:http://www.hevanet.com/acorbin/xul/top.xul

  • Sidebarpanel
  • Tabs -> Tableiste
  • Groupbox -> Umrandung mit Name

Interface

Alle Spreads von Interfaceelementen sind per Drag & Drop im Interface sortierbar und werden bei jedem neu sortieren in entsprechender Reihenfolge an vvvv übermittelt. hier ist wahrscheinlich dann ein Parameter "Index" erforderlich, der die Position enthält

echtzeit änderung heißt: oncommand (ondrag bei slidern, onenter bei valuewerten, onchenge bei dropdowns... etc)
gibt es einen ajax request an den vvvv http server zum ändern des entsprechenden wertes...

Weitere Literatur

Tolles XUL Remote Application Beispielhttp://www.faser.net/mab/remote.cfm

Xul und HTML zusammen:http://www.xml.com/pub/a/2007/01/31/xul-enhanced-web-apps.html

anonymous user login

Shoutbox

~2d ago

joreg: 6 session beginner course part 2 "Deep Dive" starts January 13th: https://thenodeinstitute.org/courses/ws24-5-vvvv-beginners-part-ii/

~2d ago

joreg: 6 session beginner course part 1 "Playground" starts November 4th: https://thenodeinstitute.org/courses/ws24-5-vvvv-beginners-part-i/

~2d ago

joreg: Save the date: Oktober 17: vvvv meetup in Berlin!

~4d ago

joreg: 12 session online vvvv beginner course postponed to start November 4th: https://thenodeinstitute.org/courses/ws24-5-vvvv-beginners-class/

~15d ago

~24d ago

joreg: Webinar on October 2nd: Rhino meets Realtime with vvvv https://visualprogramming.net/blog/2024/webinar-rhino-meets-realtime-with-vvvv/

~29d ago

joreg: Introducing: Support for latest Ultraleap hand-tracking devices: https://visualprogramming.net/blog/2024/introducing-support-for-new-ultraleap-devices/

~1mth ago

joreg: 2 day vvvv/fuse workshop in Vienna as part of NOISE festival on Sept. 13 and 14: https://www.noise.ist/vienna

~1mth ago

joreg: New beginner video tutorial: World Cities https://youtu.be/ymzrK7tZLBI

~1mth ago

catweasel: https://colour-burst.com/2023/01/26/macroscopic/ yeah, ' is there anyone who cares about slides anymore...' Well me for a start! :D