# Live-Coding 24/11/2023 10h: Eine Sonos-Integration an einem Tag? **URL:** \ **Category:** Actualités\ **Created:** [23. November 2023 um 17:29 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524 "2023-11-23T17:29:12Z")\ **Posts on this page:** 20\ **Page:** 1
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [23. November 2023 um 17:29 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/1 "2023-11-23T17:29:12Z")
Hallo zusammen! Ich habe mir eine kleine Herausforderung für morgen vorgenommen: Ich möchte euch ein Live-Coding auf YouTube zeigen – und zwar die Integration von Sonos! 🥳 🎼 Ich habe mir eine Sonos-Box (One Gen 2) gekauft, und morgen um 10 Uhr werde ich live auf YouTube gehen, um diese Integration zu codieren. Das Ziel ist es, an einem Tag ein erstes funktionierendes MVP zu erstellen: - Netzwerk scannen, um eine Box zu finden - Diese Box zu Gladys hinzufügen - Einfache Musiksteuerung auf dem Dashboard (play, pause, next, previous und Lautstärke) Das Ziel ist es, am Ende des Tages ein funktionierendes MVP zu haben. Das Live-Event findet hier statt, denkt daran, die Glocke zu aktivieren, um eine Benachrichtigung zu erhalten: [![](https://img.youtube.com/vi/M4vOjQXMiZI/maxresdefault.jpg "Live coding : Une intégration Sonos en une journée ?") ](https://www.youtube.com/watch?v=M4vOjQXMiZI) Die Idee hinter diesem Live-Stream ist es, potenziellen Entwicklern, die sich für Gladys interessieren, zu zeigen, dass es einfach ist, einzusteigen und dass die Codebase relativ klassisch ist 😄 Ich hoffe, es gefällt euch und inspiriert andere, uns beizutreten! ---
**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\ **Post date:** [23. November 2023 um 17:34 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/2 "2023-11-23T17:34:42Z")
Das schaue ich mir später an ---
**Author:** ![spenceur](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/spenceur/32/1961_2.png) [@spenceur](https://community.gladysassistant.com/u/spenceur)\ **Post date:** [23. November 2023 um 17:45 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/3 "2023-11-23T17:45:57Z")
Super, ich würde dein Zeug in meinen Kram packen 🙂 ---
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [23. November 2023 um 17:54 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/4 "2023-11-23T17:54:40Z")
Das ist eine gute Idee. @Sylvain69 das ist für Sie! ---
**Author:** ![guim31](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/guim31/32/4840_2.png) [@guim31](https://community.gladysassistant.com/u/guim31)\ **Post date:** [23. November 2023 um 20:29 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/5 "2023-11-23T20:29:49Z")
Ich bin absolut kein Programmierer, aber die Idee finde ich genial! 👍 ---
**Author:** ![Isage](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/isage/32/13637_2.png) [@Isage](https://community.gladysassistant.com/u/Isage)\ **Post date:** [23. November 2023 um 21:10 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/6 "2023-11-23T21:10:35Z")
Super! Ich habe eine SONOS Beam2, zwei One und eine Roam. Ich werde testen können… ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [24. November 2023 um 08:29 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/7 "2023-11-24T08:29:09Z")
Der Streaming-Post ist bereit ✅ ![RNI-Films-IMG-D4B08BCE-2153-4528-9198-8D20C4E92F49](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/6/643491a09ae0716ecdb28fee217be3191313b1e9.jpeg) In 30 Minuten geht’s los! ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [24. November 2023 um 12:00 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/8 "2023-11-24T12:00:03Z")
Zurück nach der Mittagspause, das Live-Streaming geht weiter 🙂 [![](https://img.youtube.com/vi/M4vOjQXMiZI/maxresdefault.jpg "Live coding : Une intégration Sonos en une journée ?") ](https://www.youtube.com/watch?v=M4vOjQXMiZI) ---
**Author:** ![lmilcent](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/lmilcent/32/7023_2.png) [@lmilcent](https://community.gladysassistant.com/u/lmilcent)\ **Post date:** [24. November 2023 um 13:15 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/9 "2023-11-24T13:15:16Z")
Ich liebe das Konzept 🙂 Und ich schaue mir sogar einen Teil davon zwischen zwei Aufgaben bei der Arbeit an. ---
**Author:** ![Tlse-vins](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/tlse-vins/32/6054_2.png) [@Tlse-vins](https://community.gladysassistant.com/u/Tlse-vins)\ **Post date:** [24. November 2023 um 16:17 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/10 "2023-11-24T16:17:11Z")
Du wirst einen zweiten Bildschirm für deinen Arbeitsplatz benötigen. ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [24. November 2023 um 16:24 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/11 "2023-11-24T16:24:38Z")
Danke an alle, dass ihr gekommen seid 🙂 Das Replay ist auf YouTube verfügbar, ich habe gerade die Timings eingestellt, damit ihr die Mittagspause und die kleine Pause von 10 Minuten am Nachmittag überspringen könnt. Insgesamt sind es 7 Stunden und 10 Minuten Live-Content, ich kenne wenige Streamer, die so lange Inhalte produzieren !!! [![](https://gladys-assistant-community.b-cdn.net/uploads/default/original/2X/0/0ff5eafcd941145bf52161008a5a72b7e27bdc9b.jpeg "Live coding : Une intégration Sonos en une journée ?") ](https://www.youtube.com/watch?v=M4vOjQXMiZI) Zur Sonos-Integration schreibe ich euch eine kleine Nachricht im Thema „Sonos-Integration“, sobald der Docker-Build fertig ist. Ich denke, die Herausforderung „Sonos-Integration an einem Tag“ ist erfüllt !! ✅ ---
**Author:** ![GBoulvin](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/gboulvin/32/10006_2.png) [@GBoulvin](https://community.gladysassistant.com/u/GBoulvin)\ **Post date:** [24. November 2023 um 16:27 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/12 "2023-11-24T16:27:10Z")
Bravo auf jeden Fall! Ich konnte nicht alles verfolgen, aber es hat mir Lust gemacht, damit anzufangen (mit dem Programmieren). Vielen Dank! ---
**Author:** ![Will\_71](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/will_71/32/9582_2.png) [@Will\_71](https://community.gladysassistant.com/u/Will_71)\ **Post date:** [24. November 2023 um 16:58 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/13 "2023-11-24T16:58:38Z")
Ich habe mir das nur kurz angesehen, werde mir aber die Aufzeichnung anschauen. Auf jeden Fall: Glückwunsch an dich! ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [24. November 2023 um 17:45 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/14 "2023-11-24T17:45:16Z")
Bild Docker verfügbar: > [@Sonos-Integration hinzufügen - insbesondere Lautsprecher](https://community.gladysassistant.com/t/ajout-integration-sonos-notamment-enceintes/5504/20?u=pierre-gilles): > > Hallo zusammen !! Nach dem Live-Stream von heute (Live-Coding der Sonos-Integration), hier die Wiederholung: [[Live coding : Une intégration Sonos en une journée ?] ](https://www.youtube.com/watch?v=M4vOjQXMiZI) Ein Docker-Image ist verfügbar, um diese Integration zu testen. Ich freue mich über jedes Feedback, bevor ich diese Integration veröffentliche slight_smile Ich konnte insbesondere die Multi-Raumfunktion nicht testen, da ich nur eine Sonos-Box habe ! Das Docker-Image: gladysassistant/gladys:sonos-integration Wie s… ---
**Author:** ![Einstein8854](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/einstein8854/32/9474_2.png) [@Einstein8854](https://community.gladysassistant.com/u/Einstein8854)\ **Post date:** [24. November 2023 um 17:55 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/15 "2023-11-24T17:55:51Z")
ein Live-Dev-Anthologie-Event! Ein Referenzpunkt für Live-Devs… ---
**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\ **Post date:** [24. November 2023 um 18:06 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/16 "2023-11-24T18:06:35Z")
@pierre-gilles > [@pierre-gilles](#): > > Ich denke, die Herausforderung „Sonos-Integration an einem Tag“ ist geschafft!! ✅ Absolut, das war wirklich eine Herausforderung und vor allem eine Notwendigkeit, denn in einem Video konnte man den gesamten Prozess der Integration von der Konzeption bis zum GitHub-Deployment sehen, die Methoden zum Debuggen unter VS und Firefox, die sonst blockierend hätten sein können und die es hier möglich machen. Bisher sah ich nicht, wie ich anfangen sollte, selbst nachdem ich die Dokumentation gelesen und andere Videos gesehen hatte (bei mir war es vbdos zu vb6, WinDev hauptsächlich, aber auch C, C+, vb#). Aber jetzt gibt es genug Elemente, um loszulegen, ohne zu denken, dass es Jahre dauern wird! Das wird der Community meiner Meinung nach enorm helfen und ich denke, es wird auch Leute anziehen, z. B. Ingenieurschulen… Gut, jetzt muss man das Video nochmal anschauen, um es besser zu verdauen, aber was für ein Festmahl! ---
**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\ **Post date:** [25. November 2023 um 17:14 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/17 "2023-11-25T17:14:43Z")
Hallo @pierre-gilles, Eine Frage, die im Video nicht behandelt wurde: Welche verschiedenen Sprachen werden in Gladys verwendet, die man zumindest kennen sollte, um eine Integrationsentwicklung durchzuführen? HTML, CSS, React, JS, Node.js? ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [27. November 2023 um 07:53 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/18 "2023-11-27T07:53:32Z")
> [@cce66](#): > > Welche verschiedenen Sprachen werden in Gladys verwendet, die man mindestens für die Entwicklung einer Integration kennen sollte? HTML, CSS, React, JS, Node.js? Tatsächlich alle Grundlagen der Webentwicklung (HTML/CSS/JS), dann das React-Framework für die Frontend-Entwicklung, Node.js Express für den Backend und SQLite für die Datenbank. Danach ist die Messlatte, die ich ansetze, recht hoch (Pflicht zur Durchführung von Unit-Tests usw.), daher ist doch ein solides Wissen und Erfahrung erforderlich. Was ich gerne anziehen möchte, sind Webentwickler:innen, die neben ihrem Job gerne Open-Source-Projekte unterstützen möchten 🙂 ---
**Author:** ![cce66](https://gladys-assistant-community.b-cdn.net/letter_avatar_proxy/v4/letter/c/8797f3/32.png) [@cce66](https://community.gladysassistant.com/u/cce66)\ **Post date:** [27. November 2023 um 13:23 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/19 "2023-11-27T13:23:45Z")
Hallo @Pierre-Gilles > Tatsächlich alle Grundlagen der Webentwicklung (HTML/CSS/JS), dann das React-Framework für die Frontend-Entwicklung, Node.js Express für den Backend und SQLite für die Datenbank. Perfekt, es wäre gut, diese erforderlichen Kenntnisse in der Dokumentation für die Entwickler zu spezifizieren: [Contribuer sur Gladys Assistant | Gladys Assistant](https://gladysassistant.com/fr/docs/dev/developing-a-service/) (diese Seite ist übrigens auf der französischen Seite auf Englisch, aber andererseits ist Programmierung auch eine Sprache, die man beherrschen sollte! 😊 Jetzt, wo ich weiß, wie man einen PR dafür macht… 🙄) > Danach ist die Latte, die ich ansetze, ziemlich hoch (Pflicht-Unit-Tests usw.), also erfordert das schon einiges an Wissen und Erfahrung. Das Live-Coding von letzter Woche war perfekt dafür! Das Einzige, was meiner Meinung nach fehlt, ist eine Folie des Gladys-Verzeichnisses mit einer Hervorhebung der Verzeichnisse, die vom Live-Coding „Sonos“ betroffen sind, um die Komplexität zu relativieren, denn wenn man den gesamten Code betrachtet, denkt man « Wow, das ist zu groß für mich », aber eigentlich ist es für einen angehenden Profi-Entwickler oder für Ingenieurstudierende durchaus machbar, bei der Entwicklung zu helfen! Und gleichzeitig sieht man, ob man bei der Entwicklung etwas vergessen hat, das vermeidet später Fragen! 😉 > Was ich anziehen möchte, sind Webentwickler, die neben ihrem Job an Open-Source-Projekten mitwirken möchten Eeeh, aber es gibt auch ehemalige Entwickler (keine Dinosaurier… sogenannte „Senior“-Entwickler 🙄… ZX81… Dinosaurier ist vielleicht angemessen 😢) die helfen möchten, aber wissen müssen, in welche Richtung sie gehen sollen! (keine Kilos an alten Dokumenten mehr 🤯) Ich verstehe deinen Standpunkt als Dirigent 🙂, wenn Profi-Entwickler ihr Fachwissen einbringen, wäre das super, um die Entwicklung von Gladys zu beschleunigen (Danke an diejenigen, die das derzeit tun, und an diejenigen, die dem Team beitreten werden 👏 !) Ansonsten für diejenigen, die wieder einsteigen möchten, gibt es diesen YouTube-Kanal « Simon Dieny - Code Senior » 😊, auch wenn es nicht darum geht, eine Integration zu entwickeln, hilft es, den Code von Gladys besser zu verstehen (man findet auch etwas zu SQLite… verdammt, das hat sich seit DBase III weiterentwickelt! 🤣 ) > **der Kanal** > > # Node JS Tutorial Französisch für Anfänger - Komplettkurs 8h [2022] > > [https://www.youtube.com/watch?v=NRxzvpdduvQ](https://www.youtube.com/watch?v=NRxzvpdduvQ) > > # React Tutorial Französisch für Anfänger - Komplettkurs 7h [2022] > > [https://www.youtube.com/watch?v=oCINeytlyRA](https://www.youtube.com/watch?v=oCINeytlyRA) > > # SQL lernen und beherrschen: Loslegen mit SQLite in VSCode > > [https://www.youtube.com/watch?v=HM8ihP0MzE8](https://www.youtube.com/watch?v=HM8ihP0MzE8) ---
**Author:** ![pierre-gilles](https://gladys-assistant-community.b-cdn.net/user_avatar/community.gladysassistant.com/pierre-gilles/32/5886_2.png) [@pierre-gilles](https://community.gladysassistant.com/u/pierre-gilles)\ **Post date:** [27. November 2023 um 14:56 UTC](https://community.gladysassistant.com/t/live-coding-24-11-2023-10h-une-integration-sonos-en-une-journee/8524/20 "2023-11-27T14:56:31Z")
> [@cce66](#): > > Perfekt, es wäre gut, diese erforderlichen Kenntnisse in der Dokumentation für die Entwickler [Ein Gladys-Service entwickeln | Gladys Assistant](https://gladysassistant.com/fr/docs/dev/developing-a-service/) zu präzisieren (diese Seite ist übrigens auf der französischen Seite auf Englisch, aber andererseits ist Programmieren auch eine Sprache, die man beherrschen sollte! 😊 Jetzt, wo ich weiß, wie man das PR dafür macht… 🙄) Erledigt, ich habe das Tutorial aktualisiert 🙂 - Übersetzt ins Französische ✅ - Liste der verwendeten Technologien ✅ - Schema der Server- und Frontend-Ordnerarchitektur ✅ - Video des Live-Codings zum Tutorial hinzugefügt ✅ > **[Contribuer sur Gladys Assistant | Gladys Assistant](https://gladysassistant.com/fr/docs/dev/developing-a-service/)** > > Contribuez au cœur de Gladys Assistant : découvrez la stack open-source (Preact, Node.js, SQLite, DuckDB) et apprenez à ajouter des fonctionnalités backend, améliorer l'interface et écrire des tests.