Skip to content
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse
Logo
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. [Vorlage] Denon HEOS Script

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.1k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    1.8k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    15
    1
    2.1k

[Vorlage] Denon HEOS Script

Scheduled Pinned Locked Moved JavaScript
javascripttemplate
357 Posts 48 Posters 75.8k Views 44 Watching
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • UhulaU Uhula

    Anbei ein kleines Script um die browse_results des HEOS Adapters in einer Liste darstellen zu können. Im folgenden Beispiel ist es im modalen Dialog zu sehen (die am Anfang zu sehenden Cards usw. gehören nicht dazu, die entstammen dem MDCSS). Das Script benötigt keine weiteren ui's sondern erzeugt reines HTML/CSS. Viel Freude - und danke an @withstu für seinen Adapter.
    heos_browse.gif

    HEOS Media-Browser-Script

    Der HEOS Adapter (https://github.com/withstu/ioBroker.heos) erlaubt neben der Steuerung der HEOS Geräte auch das
    Navigieren durch die Musikquellen. Allerdings muss hierzu noch ein serverseitiges Script laufen, welches die
    Navigationsergebnisse in eine HTML Darstellung überträgt, so dass diese in einem basic-string(unescaped)-Widget
    darstellbar und bedienbar werden.

    Genau macht dieses Script.

    Installation

    • HEOS-Adapter installieren und starten (https://github.com/withstu/ioBroker.heos)
    • HTML-State "0_userdata.0.heos.browse_result_html" als Zeichenkette anlegen (alternativ eigener State, dann in der Konfiguration anpassen)
    • dieses Script im Admin unter Skripte als neues Script hinzufügen.
    • dieses Script starten
    • in der ioBroker-vis ein basic-string(unescaped)-Widget in einem View einfügen, den HTML-State zuweisen
    • View ausführen

    (c) Uhula, MIT License, no warranty, use on your own risc

    Script: heos_browse.js

    W Offline
    W Offline
    withstu
    wrote on last edited by
    #211

    @Uhula Ich habe gerade Version 1.4.0 veröffentlich. Darin habe ich auch einige Anregungen aus deinem Script übernommen:

    • Konfiguration der Warteschlangenoptionen (aid Parameter der HEOS CLI)
    • Neue Kommando Gruppe scope/[cmd]. Das Verhalten kann über die Adaptereinstellungen gesteuert werden. Zur Auswahl steht, dass Kommandos an alle Player, an alle Leader/Non-Group Player oder an die PIDs in dem neuen State command_scope_pid gesendet werden. Der State command_scope_pid entspricht deinem browse_result_player und sollte eine kommaseparierte Liste der PIDs enthalten. Dadurch kannst du dein Script ein bisschen aufräumen. Denn das Senden der Kommandos an die entsprechenden Player wird direkt vom Adapter übernommen.
    1 Reply Last reply
    0
    • UhulaU Uhula

      Anbei ein kleines Script um die browse_results des HEOS Adapters in einer Liste darstellen zu können. Im folgenden Beispiel ist es im modalen Dialog zu sehen (die am Anfang zu sehenden Cards usw. gehören nicht dazu, die entstammen dem MDCSS). Das Script benötigt keine weiteren ui's sondern erzeugt reines HTML/CSS. Viel Freude - und danke an @withstu für seinen Adapter.
      heos_browse.gif

      HEOS Media-Browser-Script

      Der HEOS Adapter (https://github.com/withstu/ioBroker.heos) erlaubt neben der Steuerung der HEOS Geräte auch das
      Navigieren durch die Musikquellen. Allerdings muss hierzu noch ein serverseitiges Script laufen, welches die
      Navigationsergebnisse in eine HTML Darstellung überträgt, so dass diese in einem basic-string(unescaped)-Widget
      darstellbar und bedienbar werden.

      Genau macht dieses Script.

      Installation

      • HEOS-Adapter installieren und starten (https://github.com/withstu/ioBroker.heos)
      • HTML-State "0_userdata.0.heos.browse_result_html" als Zeichenkette anlegen (alternativ eigener State, dann in der Konfiguration anpassen)
      • dieses Script im Admin unter Skripte als neues Script hinzufügen.
      • dieses Script starten
      • in der ioBroker-vis ein basic-string(unescaped)-Widget in einem View einfügen, den HTML-State zuweisen
      • View ausführen

      (c) Uhula, MIT License, no warranty, use on your own risc

      Script: heos_browse.js

      W Offline
      W Offline
      withstu
      wrote on last edited by
      #212

      @Uhula Wenn man übrigens im command_scope_pid nichts einträgt, wird der Command an alle Player geschickt. Hab so für jeden Player nen Browse Dialog gebaut und dann nochmal einen globalen, der beim Öffnen einfach einen Leerstring in den State setzt. So kann man den Browse Dialog für einzelne Player und für alle Player benutzen. Zusätzlich hab ich mir noch für jeden Player einen Dialog für die Queue gebastelt, welche die 50 nächsten Lieder anzeigt:

      on({id: '0_userdata.0.heos.queue_pid', change: 'any'}, function (obj) {
          let pid = obj.state.val;
          let data = JSON.parse(getState("heos.0.players." + pid + ".queue").val);
          let html = `<style>
          .heos-queue {
              background-color: #333333;
              color: #eaeaea;
              height: 100%;
              width: 100%;
              position: absolute;
              overflow: auto;
          }
          .heos-queue table {
              width: 100%;
              border-collapse: collapse;
          }
          .heos-queue table, 
          .heos-queue th, 
          .heos-queue td {
              border: 1px solid #929292;
              border-width:1px 0;
          }
          .heos-queue th {
              font-size: 2em;
              border: 1px solid #c50000;
              border-width: 0 0 1px 0;
              text-align: center;
          }
          .heos-queue th {
              padding: 15px;
              height: 60px;
          }
          .heos-queue td {
              padding: 5px;
              height: 60px
          }
          .heos-queue-btn {
              color: #fff;
              background-color: Transparent;
              background-repeat:no-repeat;
              border: none;
              cursor:pointer;
              overflow: hidden;
              outline:none;
              margin: 0 !important;
              padding: 0 !important;
              font-size: 30px !important;
              line-height: 30px;
              width: 60px;
              height: 60px;
          }
          .heos-queue-btn-multi {
              border-right: 1px solid #929292;
          }
          .heos-queue-row-media {
              //cursor: pointer;
          }
          .heos-queue-row-control {
              color: #d60000;
              //cursor: pointer;
          }
          .heos-queue-image {
              white-space: nowrap;
              padding: 0 !important;
              text-align: right;
              font-size: 0;
          }
          .heos-queue-image img {
              height: 60px;
          }
          .heos-queue-name {
              width: 100%;
              text-align: left;
          }
          .heos-queue-control {
              padding: 0 !important;
              margin: 0 !important;
              white-space: nowrap;
              font-size: 0;
              text-align: right;
          }
          </style>`;
          if(data){
              html += "<div class=\"heos-queue\">"
              html += "<table>"
              html += "<tr><th>";
              html += "</th><th>Queue</th><th></th></tr>";
              for (var qid in data) {
                  let payload = data[qid];
                  html += "<tr class=\"heos-queue-row-media\">";
                  html += "<td class=\"heos-queue-image\">";
                  if(payload.image_url.length){
                    html += "<img src=\"" + payload.image_url + "\">";
                  }
                  html += "</td>";
                  html += "<td class=\"heos-queue-name\">";
                  let meta = [];
                  if(payload.song){
                    meta.push(payload.song);
                  }
                  if(payload.artist){
                    meta.push(payload.artist);
                  }
                  if(payload.album){
                    meta.push(payload.album);
                  }
                  if(meta.length){
                    html += meta.join(' | ');
                  }
                  html +="</td>";
                  html += "<td class=\"heos-queue-control\">";
                  html += "</td>";
                  html += "</tr>";
              }
              html += "</table></div>";
          }
          setState("0_userdata.0.heos.queue_html", html);
        });
      
      H 1 Reply Last reply
      0
      • W withstu

        @Uhula Wenn man übrigens im command_scope_pid nichts einträgt, wird der Command an alle Player geschickt. Hab so für jeden Player nen Browse Dialog gebaut und dann nochmal einen globalen, der beim Öffnen einfach einen Leerstring in den State setzt. So kann man den Browse Dialog für einzelne Player und für alle Player benutzen. Zusätzlich hab ich mir noch für jeden Player einen Dialog für die Queue gebastelt, welche die 50 nächsten Lieder anzeigt:

        on({id: '0_userdata.0.heos.queue_pid', change: 'any'}, function (obj) {
            let pid = obj.state.val;
            let data = JSON.parse(getState("heos.0.players." + pid + ".queue").val);
            let html = `<style>
            .heos-queue {
                background-color: #333333;
                color: #eaeaea;
                height: 100%;
                width: 100%;
                position: absolute;
                overflow: auto;
            }
            .heos-queue table {
                width: 100%;
                border-collapse: collapse;
            }
            .heos-queue table, 
            .heos-queue th, 
            .heos-queue td {
                border: 1px solid #929292;
                border-width:1px 0;
            }
            .heos-queue th {
                font-size: 2em;
                border: 1px solid #c50000;
                border-width: 0 0 1px 0;
                text-align: center;
            }
            .heos-queue th {
                padding: 15px;
                height: 60px;
            }
            .heos-queue td {
                padding: 5px;
                height: 60px
            }
            .heos-queue-btn {
                color: #fff;
                background-color: Transparent;
                background-repeat:no-repeat;
                border: none;
                cursor:pointer;
                overflow: hidden;
                outline:none;
                margin: 0 !important;
                padding: 0 !important;
                font-size: 30px !important;
                line-height: 30px;
                width: 60px;
                height: 60px;
            }
            .heos-queue-btn-multi {
                border-right: 1px solid #929292;
            }
            .heos-queue-row-media {
                //cursor: pointer;
            }
            .heos-queue-row-control {
                color: #d60000;
                //cursor: pointer;
            }
            .heos-queue-image {
                white-space: nowrap;
                padding: 0 !important;
                text-align: right;
                font-size: 0;
            }
            .heos-queue-image img {
                height: 60px;
            }
            .heos-queue-name {
                width: 100%;
                text-align: left;
            }
            .heos-queue-control {
                padding: 0 !important;
                margin: 0 !important;
                white-space: nowrap;
                font-size: 0;
                text-align: right;
            }
            </style>`;
            if(data){
                html += "<div class=\"heos-queue\">"
                html += "<table>"
                html += "<tr><th>";
                html += "</th><th>Queue</th><th></th></tr>";
                for (var qid in data) {
                    let payload = data[qid];
                    html += "<tr class=\"heos-queue-row-media\">";
                    html += "<td class=\"heos-queue-image\">";
                    if(payload.image_url.length){
                      html += "<img src=\"" + payload.image_url + "\">";
                    }
                    html += "</td>";
                    html += "<td class=\"heos-queue-name\">";
                    let meta = [];
                    if(payload.song){
                      meta.push(payload.song);
                    }
                    if(payload.artist){
                      meta.push(payload.artist);
                    }
                    if(payload.album){
                      meta.push(payload.album);
                    }
                    if(meta.length){
                      html += meta.join(' | ');
                    }
                    html +="</td>";
                    html += "<td class=\"heos-queue-control\">";
                    html += "</td>";
                    html += "</tr>";
                }
                html += "</table></div>";
            }
            setState("0_userdata.0.heos.queue_html", html);
          });
        
        H Offline
        H Offline
        hotze78
        wrote on last edited by hotze78
        #213

        @withstu
        Browse Sources 1.4.0 wie aktuell in Git funktioniert bei mir nicht. Oder ich weis nicht wie einbinden in Vis. Ich sehe kein anderen Weg als über Html und genau da habe ich keine html Ausgabe nur deren daten. Wert heos.0.sources.browse_result:

        {"name":"sources","image_url":"","parameter":{},"payload":[{"name":"Amazon","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/amazon.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=13"}},{"name":"Deezer","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/deezer.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=5"}},{"name":"Napster","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/napster.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=6"}},{"name":"SoundCloud","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/soundcloud.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=9"}},{"name":"Tidal","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/tidal.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=10"}},{"name":"TuneIn","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/tunein.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=3"}},{"name":"Local Music","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_servers.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1024"}},{"name":"Playlists","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_playlists.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1025"}},{"name":"History","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_history.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1026"}},{"name":"AUX Input","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_aux.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1027"}},{"name":"Favorites","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_favorites.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1028"}}]}
        

        Uhula Browser habe ich aktuell in Gebrauch. Ich habs sogar inklusive player ID hinbekommen was ich cool finde.

        • Gibt es eine Möglichkeit unbenutze in HEOS Quellen-Übersicht auszublenden?
        • Eine möglichkeit einen Bestimmten einstiegspunkt in Browse zu generieren. Also zB von Favoriten zu Playlist ist es ja kein Problem mit dem generate. Wenn ich aber in Lokalen Medien Bestimmten Ordner gleich anpeilen möchte. Anwendungszenario User A in order A User B Ordner B
        • Die Bilder Lokal Abspeichern von jeweils https://production.ws.skyegloup.com:443/media/images/service

        Euch Danke, und richtet ein Spendenkonto ein.

        W 1 Reply Last reply
        0
        • H hotze78

          @withstu
          Browse Sources 1.4.0 wie aktuell in Git funktioniert bei mir nicht. Oder ich weis nicht wie einbinden in Vis. Ich sehe kein anderen Weg als über Html und genau da habe ich keine html Ausgabe nur deren daten. Wert heos.0.sources.browse_result:

          {"name":"sources","image_url":"","parameter":{},"payload":[{"name":"Amazon","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/amazon.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=13"}},{"name":"Deezer","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/deezer.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=5"}},{"name":"Napster","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/napster.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=6"}},{"name":"SoundCloud","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/soundcloud.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=9"}},{"name":"Tidal","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/tidal.png","type":"media","available":false,"commands":{"browse":"browse/browse?sid=10"}},{"name":"TuneIn","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/tunein.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=3"}},{"name":"Local Music","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_servers.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1024"}},{"name":"Playlists","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_playlists.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1025"}},{"name":"History","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_history.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1026"}},{"name":"AUX Input","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_aux.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1027"}},{"name":"Favorites","image_url":"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_favorites.png","type":"media","available":true,"commands":{"browse":"browse/browse?sid=1028"}}]}
          

          Uhula Browser habe ich aktuell in Gebrauch. Ich habs sogar inklusive player ID hinbekommen was ich cool finde.

          • Gibt es eine Möglichkeit unbenutze in HEOS Quellen-Übersicht auszublenden?
          • Eine möglichkeit einen Bestimmten einstiegspunkt in Browse zu generieren. Also zB von Favoriten zu Playlist ist es ja kein Problem mit dem generate. Wenn ich aber in Lokalen Medien Bestimmten Ordner gleich anpeilen möchte. Anwendungszenario User A in order A User B Ordner B
          • Die Bilder Lokal Abspeichern von jeweils https://production.ws.skyegloup.com:443/media/images/service

          Euch Danke, und richtet ein Spendenkonto ein.

          W Offline
          W Offline
          withstu
          wrote on last edited by withstu
          #214

          @hotze78 Das HTML Script brauchst du nach wie vor bei Version 1.4.0. In diesem kannst du dann auch Einträge ausblenden. Zu den Einstiegspunkten musst du dir nur ein Script basteln, welches den passenden Browse Befehl in den command state packt.

          Übrigens in der Version 1.5.2 hab ich jetzt noch tts hinzugefügt. Ist zwar nicht optimal, aber ich glaube besser geht es mit der HEOS API nicht. Den SayIt Adapter habe ich auch angepasst und einen PR gestellt: https://github.com/withstu/ioBroker.sayit

          H 1 Reply Last reply
          0
          • W withstu

            @hotze78 Das HTML Script brauchst du nach wie vor bei Version 1.4.0. In diesem kannst du dann auch Einträge ausblenden. Zu den Einstiegspunkten musst du dir nur ein Script basteln, welches den passenden Browse Befehl in den command state packt.

            Übrigens in der Version 1.5.2 hab ich jetzt noch tts hinzugefügt. Ist zwar nicht optimal, aber ich glaube besser geht es mit der HEOS API nicht. Den SayIt Adapter habe ich auch angepasst und einen PR gestellt: https://github.com/withstu/ioBroker.sayit

            H Offline
            H Offline
            hotze78
            wrote on last edited by hotze78
            #215

            @withstu
            Klar, ich meine auch das browse Scribt von der aktuellen git. Bei mir wird damit einfach keine html erzeugt. Dies vom letzten Post wird damit erzeugt. Es scheint mir, das dies die JSON daten sind.

            W 1 Reply Last reply
            0
            • H hotze78

              @withstu
              Klar, ich meine auch das browse Scribt von der aktuellen git. Bei mir wird damit einfach keine html erzeugt. Dies vom letzten Post wird damit erzeugt. Es scheint mir, das dies die JSON daten sind.

              W Offline
              W Offline
              withstu
              wrote on last edited by
              #216

              @hotze78 Gibt es denn irgendeine Fehlermeldung? Bei mir funktioniert es nach wie vor...

              Übrigens ich habe gerade mal den Material UI Adapter ausprobiert. Damit das Player Widget automatisch angezeigt wird muss die Rolle vom Player State "state_simple" von euch von "media.state_simple" zu "media.state" geändert werden.

              H 2 Replies Last reply
              0
              • W withstu

                @hotze78 Gibt es denn irgendeine Fehlermeldung? Bei mir funktioniert es nach wie vor...

                Übrigens ich habe gerade mal den Material UI Adapter ausprobiert. Damit das Player Widget automatisch angezeigt wird muss die Rolle vom Player State "state_simple" von euch von "media.state_simple" zu "media.state" geändert werden.

                H Offline
                H Offline
                hotze78
                wrote on last edited by hotze78
                #217

                @withstu sagte in [Vorlage] Denon HEOS Script:

                javascribt debug Ausgabe mit warn:

                javascript.0 (21568) script.js.Heos.Browse_4(not_function): setForeignState(id=0_userdata.0.scriptData.HeosBrowseTable, state="<style>\n .heos-browse {\n background-color: #333333;\n color: #eaeaea;\n height: 100%;\n width: 100%;\n position: absolute;\n overflow: auto;\n }\n .heos-browse table {\n width: 100%;\n border-collapse: collapse;\n }\n .heos-browse table, \n .heos-browse th, \n .heos-browse td {\n border: 1px solid #929292;\n border-width:1px 0;\n }\n .heos-browse th {\n font-size: 2em;\n border: 1px solid #c50000;\n border-width: 0 0 1px 0;\n text-align: center;\n }\n .heos-browse th {\n padding: 15px;\n }\n .heos-browse td {\n padding: 5px;\n }\n .heos-browse-btn {\n color: #fff;\n background-color: Transparent;\n background-repeat:no-repeat;\n border: none;\n cursor:pointer;\n overflow: hidden;\n outline:none;\n margin: 0 !important;\n padding: 0 !important;\n font-size: 30px !important;\n line-height: 30px;\n width: 60px;\n height: 60px;\n }\n .heos-browse-btn-multi {\n border-right: 1px solid #929292;\n }\n .heos-browse-row-media {\n cursor: pointer;\n }\n .heos-browse-row-control {\n color: #d60000;\n cursor: pointer;\n }\n .heos-browse-image {\n white-space: nowrap;\n padding: 0 !important;\n text-align: right;\n font-size: 0;\n }\n .heos-browse-image img {\n height: 60px;\n }\n .heos-browse-name {\n width: 100%;\n text-align: left;\n }\n .heos-browse-control {\n padding: 0 !important;\n margin: 0 !important;\n white-space: nowrap;\n font-size: 0;\n text-align: right;\n }\n </style><div class=\"heos-browse\"><table><tr><th></th><th>Overview</th><th></th></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=13')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/amazon.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=13')\">Amazon</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=13')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=5')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/deezer.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=5')\">Deezer</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=5')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=6')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/napster.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=6')\">Napster</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=6')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=9')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/soundcloud.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=9')\">SoundCloud</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=9')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=10')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/tidal.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=10')\">Tidal</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=10')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=3')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/tunein.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=3')\">TuneIn</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=3')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1024')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_servers.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1024')\">Local Music</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1024')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1025')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_playlists.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1025')\">Playlists</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1025')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1026')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_history.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1026')\">History</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1026')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1027')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_aux.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1027')\">AUX Input</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1027')\">></button></td></tr><tr class=\"heos-browse-row-media\"><td class=\"heos-browse-image\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1028')\"><img src=\"https://production.ws.skyegloup.com:443/media/images/service/logos/musicsource_logo_favorites.png\"></td><td class=\"heos-browse-name\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1028')\">Favorites</td><td class=\"heos-browse-control\"><button class=\"heos-browse-btn\" onClick=\"servConn.setState('heos.0.command','browse/browse?sid=1028')\">></button></td></tr></table></div>") - wurde nicht ausgeführt, während der Debug-Modus aktiv ist
                
                1 Reply Last reply
                0
                • W withstu

                  @hotze78 Gibt es denn irgendeine Fehlermeldung? Bei mir funktioniert es nach wie vor...

                  Übrigens ich habe gerade mal den Material UI Adapter ausprobiert. Damit das Player Widget automatisch angezeigt wird muss die Rolle vom Player State "state_simple" von euch von "media.state_simple" zu "media.state" geändert werden.

                  H Offline
                  H Offline
                  hotze78
                  wrote on last edited by hotze78
                  #218

                  @withstu sagte in [Vorlage] Denon HEOS Script:

                  Übrigens ich habe gerade mal den Material UI Adapter ausprobiert. Damit das Player Widget automatisch angezeigt wird muss die Rolle vom Player State "state_simple" von euch von "media.state_simple" zu "media.state" geändert werden.

                  Da verstehe ich nicht was du meinst. Also meinen Player habe ich selbst zusammengestellt. Material UI ist zwar in Gebrauch.

                  W 1 Reply Last reply
                  0
                  • H hotze78

                    @withstu sagte in [Vorlage] Denon HEOS Script:

                    Übrigens ich habe gerade mal den Material UI Adapter ausprobiert. Damit das Player Widget automatisch angezeigt wird muss die Rolle vom Player State "state_simple" von euch von "media.state_simple" zu "media.state" geändert werden.

                    Da verstehe ich nicht was du meinst. Also meinen Player habe ich selbst zusammengestellt. Material UI ist zwar in Gebrauch.

                    W Offline
                    W Offline
                    withstu
                    wrote on last edited by
                    #219

                    @hotze78 Wenn du den Adapter https://github.com/ioBroker/ioBroker.material verwendest, muss die Rolle vom State "state_simple" geändert werden, damit es wie folgt aussieht: Bildschirmfoto von 2020-10-11 12-36-38.png

                    H 1 Reply Last reply
                    0
                    • W withstu

                      @hotze78 Wenn du den Adapter https://github.com/ioBroker/ioBroker.material verwendest, muss die Rolle vom State "state_simple" geändert werden, damit es wie folgt aussieht: Bildschirmfoto von 2020-10-11 12-36-38.png

                      H Offline
                      H Offline
                      hotze78
                      wrote on last edited by
                      #220

                      @withstu sagte in [Vorlage] Denon HEOS Script:

                      state_simple

                      Also ich meinte Material UI ist installiert aber ungenutzt. Benutze vis mit matrial design. ist dein browser scribt nur für Material ui?

                      1 Reply Last reply
                      0
                      • UhulaU Uhula

                        Anbei ein kleines Script um die browse_results des HEOS Adapters in einer Liste darstellen zu können. Im folgenden Beispiel ist es im modalen Dialog zu sehen (die am Anfang zu sehenden Cards usw. gehören nicht dazu, die entstammen dem MDCSS). Das Script benötigt keine weiteren ui's sondern erzeugt reines HTML/CSS. Viel Freude - und danke an @withstu für seinen Adapter.
                        heos_browse.gif

                        HEOS Media-Browser-Script

                        Der HEOS Adapter (https://github.com/withstu/ioBroker.heos) erlaubt neben der Steuerung der HEOS Geräte auch das
                        Navigieren durch die Musikquellen. Allerdings muss hierzu noch ein serverseitiges Script laufen, welches die
                        Navigationsergebnisse in eine HTML Darstellung überträgt, so dass diese in einem basic-string(unescaped)-Widget
                        darstellbar und bedienbar werden.

                        Genau macht dieses Script.

                        Installation

                        • HEOS-Adapter installieren und starten (https://github.com/withstu/ioBroker.heos)
                        • HTML-State "0_userdata.0.heos.browse_result_html" als Zeichenkette anlegen (alternativ eigener State, dann in der Konfiguration anpassen)
                        • dieses Script im Admin unter Skripte als neues Script hinzufügen.
                        • dieses Script starten
                        • in der ioBroker-vis ein basic-string(unescaped)-Widget in einem View einfügen, den HTML-State zuweisen
                        • View ausführen

                        (c) Uhula, MIT License, no warranty, use on your own risc

                        Script: heos_browse.js

                        C Offline
                        C Offline
                        CrazyFloyd
                        wrote on last edited by CrazyFloyd
                        #221

                        @Uhula
                        Könntest du mir bei diesem Fehler helfen? Ich habe das Script aus Beitrag 209 verwendet..
                        Wenn ich das Javascript starte bekomme ich folgene Fehlermeldung.
                        error javascript.0 (11347) script.js.common.heos compile failed: at script.js.common.heos:229

                        Die Datenpunkte sind angelegt . Der Datenpunkt 0_userdata.0.heos.browse_result_html wird befüllt mit "Sorry, no data!"
                        Die Heos instanz läuft und hat die Instanznummer 0.

                        Danke schon mal.

                        Ich habe das Script noch einmal neu in das Javascript kopiert. Jetzt bekomme ich folgendes Fehlerbild.
                        09:02:56.051 error javascript.0 (11347) script.js.common.heos: SyntaxError: Unexpected end of JSON input
                        09:02:56.052 error javascript.0 (11347) at script.js.common.heos:201:21
                        09:02:56.055 error javascript.0 (11347) at script.js.common.heos:204:3

                        C 1 Reply Last reply
                        0
                        • C CrazyFloyd

                          @Uhula
                          Könntest du mir bei diesem Fehler helfen? Ich habe das Script aus Beitrag 209 verwendet..
                          Wenn ich das Javascript starte bekomme ich folgene Fehlermeldung.
                          error javascript.0 (11347) script.js.common.heos compile failed: at script.js.common.heos:229

                          Die Datenpunkte sind angelegt . Der Datenpunkt 0_userdata.0.heos.browse_result_html wird befüllt mit "Sorry, no data!"
                          Die Heos instanz läuft und hat die Instanznummer 0.

                          Danke schon mal.

                          Ich habe das Script noch einmal neu in das Javascript kopiert. Jetzt bekomme ich folgendes Fehlerbild.
                          09:02:56.051 error javascript.0 (11347) script.js.common.heos: SyntaxError: Unexpected end of JSON input
                          09:02:56.052 error javascript.0 (11347) at script.js.common.heos:201:21
                          09:02:56.055 error javascript.0 (11347) at script.js.common.heos:204:3

                          C Offline
                          C Offline
                          CrazyFloyd
                          wrote on last edited by
                          #222

                          @CrazyFloyd sagte in [Vorlage] Denon HEOS Script:

                          @Uhula
                          Könntest du mir bei diesem Fehler helfen? Ich habe das Script aus Beitrag 209 verwendet..
                          Wenn ich das Javascript starte bekomme ich folgene Fehlermeldung.
                          error javascript.0 (11347) script.js.common.heos compile failed: at script.js.common.heos:229

                          Die Datenpunkte sind angelegt . Der Datenpunkt 0_userdata.0.heos.browse_result_html wird befüllt mit "Sorry, no data!"
                          Die Heos instanz läuft und hat die Instanznummer 0.

                          Danke schon mal.

                          Ich habe das Script noch einmal neu in das Javascript kopiert. Jetzt bekomme ich folgendes Fehlerbild.
                          09:02:56.051 error javascript.0 (11347) script.js.common.heos: SyntaxError: Unexpected end of JSON input
                          09:02:56.052 error javascript.0 (11347) at script.js.common.heos:201:21
                          09:02:56.055 error javascript.0 (11347) at script.js.common.heos:204:3

                          Es hat sich erledigt. Habe den Fehler gefunden.

                          1 Reply Last reply
                          0
                          • W withstu

                            @hotze78 Sehr gut. Die App wird für einige Funktionen noch auf die Receiver API per Port 23 zugreifen (http://assets.eu.denon.com/DocumentMaster/DE/AVR1713_AVR1613_PROTOCOL_V8.6.0.pdf). Von daher ist da der Denon Adapter besser geeignet. In der HEOS API fehlen mir aber auch einige Funktionen, wie etwa Power An/Aus, das Vorspulen oder ein besseres Queue Management für TTS.

                            PS.: Hab jetzt in v1.2.0 die presets und playlists in den entsprechenden source Ordner verschoben. Am besten vor der Installation die devices presets, playlists und sources einmal löschen.

                            S Offline
                            S Offline
                            Seadon
                            wrote on last edited by
                            #223

                            @withstu oder Jemand anderes ...

                            ich benötige mal Hilfe:
                            Hab das Skript usw. alles installiert, funktioniert soweit auch super.
                            Jetzt möchte ich aber die Favoriten per Button aufrufen (So wie im ersten Post oben). Hab soweit alles erstellt, aber erhalte eine Fehlermeldung im Skript, jedes mal wenn ich einen Favoriten in der Vis per klick aufrufe.. Leider bin ich eher der Copy/Paste Mensch und hab da nicht wirklich Ahnung von.

                            Vielleicht kannst Du mir anhand der Bilder helfen.

                            1.JPG
                            2.JPG
                            3.JPG

                            Vielen Dank

                            W 1 Reply Last reply
                            0
                            • S Seadon

                              @withstu oder Jemand anderes ...

                              ich benötige mal Hilfe:
                              Hab das Skript usw. alles installiert, funktioniert soweit auch super.
                              Jetzt möchte ich aber die Favoriten per Button aufrufen (So wie im ersten Post oben). Hab soweit alles erstellt, aber erhalte eine Fehlermeldung im Skript, jedes mal wenn ich einen Favoriten in der Vis per klick aufrufe.. Leider bin ich eher der Copy/Paste Mensch und hab da nicht wirklich Ahnung von.

                              Vielleicht kannst Du mir anhand der Bilder helfen.

                              1.JPG
                              2.JPG
                              3.JPG

                              Vielen Dank

                              W Offline
                              W Offline
                              withstu
                              wrote on last edited by
                              #224

                              @Seadon Sieht noch nach der ersten Version des Scripts aus. Eventuell bist du nicht im Konto eingeloggt? Die Fehlermeldung sagt mir spontan nichts. Du kannst es ja mal mit dem Adapter versuchen: https://github.com/withstu/ioBroker.heos Der Adapter wurde leider noch nicht ins offizielle Repository aufgenommen, da noch ein Review fehlt.

                              W 1 Reply Last reply
                              0
                              • W withstu

                                @Seadon Sieht noch nach der ersten Version des Scripts aus. Eventuell bist du nicht im Konto eingeloggt? Die Fehlermeldung sagt mir spontan nichts. Du kannst es ja mal mit dem Adapter versuchen: https://github.com/withstu/ioBroker.heos Der Adapter wurde leider noch nicht ins offizielle Repository aufgenommen, da noch ein Review fehlt.

                                W Offline
                                W Offline
                                withstu
                                wrote on last edited by
                                #225

                                Der stable sayit Adapter unterstützt jetzt auch HEOS. Zudem sind in der Version 1.6.0 noch Source Logos hinzugekommen und ich habe den Spotify Ad-Blocker flexibilisiert. Während ein Regex auf die Songinformationen matcht, wird die Musik automatisch gemuted bzw. unmuted.

                                W Meister MopperM 2 Replies Last reply
                                0
                                • W withstu

                                  Der stable sayit Adapter unterstützt jetzt auch HEOS. Zudem sind in der Version 1.6.0 noch Source Logos hinzugekommen und ich habe den Spotify Ad-Blocker flexibilisiert. Während ein Regex auf die Songinformationen matcht, wird die Musik automatisch gemuted bzw. unmuted.

                                  W Offline
                                  W Offline
                                  withstu
                                  wrote on last edited by
                                  #226

                                  Der heos Adapter ist jetzt im latest Repository verfügbar. Den PR zur Aufnahme der Version 1.6.1 in das stable Repository habe ich gestellt.

                                  1 Reply Last reply
                                  0
                                  • W withstu

                                    Der stable sayit Adapter unterstützt jetzt auch HEOS. Zudem sind in der Version 1.6.0 noch Source Logos hinzugekommen und ich habe den Spotify Ad-Blocker flexibilisiert. Während ein Regex auf die Songinformationen matcht, wird die Musik automatisch gemuted bzw. unmuted.

                                    Meister MopperM Away
                                    Meister MopperM Away
                                    Meister Mopper
                                    wrote on last edited by
                                    #227

                                    @withstu sagte in [Vorlage] Denon HEOS Script:

                                    Der stable sayit Adapter unterstützt jetzt auch HEOS.

                                    Das würde ich gerne nutzen. Ich habe die Version des Text2Speak 1.12.2 installiert, weiß aber nicht, wie die Funktion (z. B. in Blockly) integriert wird. Eine Anleitung dazu finde ich beim Adapter nicht.

                                    Proxmox und HA

                                    W 1 Reply Last reply
                                    0
                                    • Meister MopperM Meister Mopper

                                      @withstu sagte in [Vorlage] Denon HEOS Script:

                                      Der stable sayit Adapter unterstützt jetzt auch HEOS.

                                      Das würde ich gerne nutzen. Ich habe die Version des Text2Speak 1.12.2 installiert, weiß aber nicht, wie die Funktion (z. B. in Blockly) integriert wird. Eine Anleitung dazu finde ich beim Adapter nicht.

                                      W Offline
                                      W Offline
                                      withstu
                                      wrote on last edited by
                                      #228

                                      Der Heos Adapter ist nun im stable Repo in der Version 1.6.1 💪

                                      @Meister-Mopper Das funktioniert ähnlich zu dem SONOS Adapter:

                                      • SayIt Adapter in der Version > 1.12.0 installieren
                                      • SayIt Adapter Instanz für HEOS konfigurieren
                                      • In Blockly Sendto -> Aussprechen auswählen -> Meldung hinzufügen -> Script ausführen
                                        heos-sayit-config.png heos-sayit.png
                                      Meister MopperM 1 Reply Last reply
                                      0
                                      • W withstu

                                        Der Heos Adapter ist nun im stable Repo in der Version 1.6.1 💪

                                        @Meister-Mopper Das funktioniert ähnlich zu dem SONOS Adapter:

                                        • SayIt Adapter in der Version > 1.12.0 installieren
                                        • SayIt Adapter Instanz für HEOS konfigurieren
                                        • In Blockly Sendto -> Aussprechen auswählen -> Meldung hinzufügen -> Script ausführen
                                          heos-sayit-config.png heos-sayit.png
                                        Meister MopperM Away
                                        Meister MopperM Away
                                        Meister Mopper
                                        wrote on last edited by
                                        #229

                                        @withstu sagte in [Vorlage] Denon HEOS Script:

                                        SayIt Adapter Instanz für HEOS konfigurieren

                                        Danke, das hat mir gefehlt 👍 😊

                                        Proxmox und HA

                                        1 Reply Last reply
                                        0
                                        • NWHN Offline
                                          NWHN Offline
                                          NWH
                                          wrote on last edited by
                                          #230

                                          Ein Frage, wie kann ich mit dem Heos Adapter meine Favoriten auf eine Button legen? So das wenn ich auf einen Button klicke dieser abgespielt wird.

                                          W 1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          701

                                          Online

                                          32.4k

                                          Users

                                          81.4k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe