Gira QuadClient Browser + node.js + sonos
Geplaatst: di 27 feb 2018, 00:28
Ik was al even op zoek, om zelf plugins te schrijven voor de Gira quadClient. De (summiere) info die te vinden is op de Gira downloads pagina, maakt het er niet veel duidelijker op.
Via Dacom heb ik een link gekregen naar een developers forum, maar voorlopig nog niet op geregistreerd, aangezien ik de "kracht" van de meest simpele bestaande plugin (de QuadClient browser) heb "ontdekt"
Alles hangt er natuurlijk vanaf wat je wil bereiken met een zelfgemaakte "plugin", ik zocht een simpele manier om onze Sonos speakers aan te sturen (ik luister voornamelijk naar webradio), maar de reeds bestaande plugins (voor zover ze al bestaan) zijn veel te ingewikkeld, of betalend, of niet als QC plugin beschikbaar.
Sonos heeft een web API, die samen met node.js en een , stukje code beschikbaar op Github, samen een makkelijke manier geven, om de verschillende players in je huis te besturen via een simpele url
http://localhost:5005/living room/pause
http://localhost:5005/living room/next
...
De Gira browser (IE) werkt met de bestaande, op de PC waar de QC op geïnstalleerd is, webbrowser. Om een of andere reden werkt deze steeds in de IE7 compatibillity mode, wat hier en daar zorgt dat er wat omwegen moeten gepakt worden, maar voorlopig niks onoverkomelijks. De volgende code in de <head></head> van de broncode van je webpagina zetten, lost al heel wat op.
Dan, met wat programmeerwerk in HTML & javascript, samen met wat grafisch werk, om alles er ook wat te laten uitzien alsof het een echte QC plugin is, is dit het resultaat: (er zitten ook veel fadein/fadeout animaties in, die hier op de foto's natuurlijk niet zichtbaar zijn)
De mogelijkheden gaan nog veel verder dan wat de foto's nu tonen, ik ben het zelf ook nog allemaal aan't ontdekken. Het is voorlopig wel nog geen "one size fits all" concept, dus ik kan het bvb niet gaan zippen en iedereen kan het zomaar installeren, aangezien ik op een homemade 17" touchscreen werk, met een 1600*900px resolutie, ipv de standaard versie. De grootte van de QC plugin is hierdoor ook iets ruimer, waardoor er met een standaard installatie alles net niet goed gaat passen.
Bij interesse kan ik altijd meer info geven en bronbestanden, die je dan zelf kan aanpassen. Html/java/css kennis is wel vereist, daar heb ik spijtig genoeg niet de tijd voor om dat te gaan ondersteunen
Via Dacom heb ik een link gekregen naar een developers forum, maar voorlopig nog niet op geregistreerd, aangezien ik de "kracht" van de meest simpele bestaande plugin (de QuadClient browser) heb "ontdekt"
Alles hangt er natuurlijk vanaf wat je wil bereiken met een zelfgemaakte "plugin", ik zocht een simpele manier om onze Sonos speakers aan te sturen (ik luister voornamelijk naar webradio), maar de reeds bestaande plugins (voor zover ze al bestaan) zijn veel te ingewikkeld, of betalend, of niet als QC plugin beschikbaar.
Sonos heeft een web API, die samen met node.js en een , stukje code beschikbaar op Github, samen een makkelijke manier geven, om de verschillende players in je huis te besturen via een simpele url
http://localhost:5005/living room/pause
http://localhost:5005/living room/next
...
De Gira browser (IE) werkt met de bestaande, op de PC waar de QC op geïnstalleerd is, webbrowser. Om een of andere reden werkt deze steeds in de IE7 compatibillity mode, wat hier en daar zorgt dat er wat omwegen moeten gepakt worden, maar voorlopig niks onoverkomelijks. De volgende code in de <head></head> van de broncode van je webpagina zetten, lost al heel wat op.
Code: Selecteer alles
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
- sonos-rooms.png (39.5 KiB) 21236 keer bekeken
- sonos-presets.png (76.26 KiB) 21235 keer bekeken
Bij interesse kan ik altijd meer info geven en bronbestanden, die je dan zelf kan aanpassen. Html/java/css kennis is wel vereist, daar heb ik spijtig genoeg niet de tijd voor om dat te gaan ondersteunen
