Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

  1. ioBroker Community Home
  2. Deutsch
  3. Tester
  4. Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

NEWS

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

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

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

Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread)

Geplant Angeheftet Gesperrt Verschoben Tester
appdark-modeiqontrolresponsivevisvisualisierungvisualizationwidget
7.6k Beiträge 296 Kommentatoren 7.0m Aufrufe 201 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • F fir3drag0n

    @dslraser muss ich dieses Wetter Skript als HTML importieren?

    dslraserD Offline
    dslraserD Offline
    dslraser
    Forum Testing Most Active
    schrieb am zuletzt editiert von
    #7260

    @fir3drag0n sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

    @dslraser muss ich dieses Wetter Skript als HTML importieren?

    Wo ist das Script was Du meinst ?

    1 Antwort Letzte Antwort
    0
    • F Offline
      F Offline
      fir3drag0n
      schrieb am zuletzt editiert von fir3drag0n
      #7261

      @dslraser das Wetter skript. Das habe ich als js angelegt, kann es aber irgendwie nicht auswählen.

      So wie ich das verstanden habe, kann ich nur HTML als widget einbinden. Dann ist mir aber nicht klar, wie ich bin dem Skript umgehen muss.

      dslraserD 1 Antwort Letzte Antwort
      0
      • F fir3drag0n

        @dslraser das Wetter skript. Das habe ich als js angelegt, kann es aber irgendwie nicht auswählen.

        So wie ich das verstanden habe, kann ich nur HTML als widget einbinden. Dann ist mir aber nicht klar, wie ich bin dem Skript umgehen muss.

        dslraserD Offline
        dslraserD Offline
        dslraser
        Forum Testing Most Active
        schrieb am zuletzt editiert von dslraser
        #7262

        @fir3drag0n sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

        @dslraser das Wetter skript. Das habe ich als js angelegt, kann es aber irgendwie nicht auswählen.

        So wie ich das verstanden habe, kann ich nur HTML als widget einbinden. Dann ist mir aber nicht klar, wie ich bin dem Skript umgehen muss.

        Ich weiß immer noch nicht welches Script Du meinst, es gibt viele…
        Poste das Script doch mal bzw. den Link wo Du es her hast.

        F 1 Antwort Letzte Antwort
        0
        • dslraserD dslraser

          @fir3drag0n sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

          @dslraser das Wetter skript. Das habe ich als js angelegt, kann es aber irgendwie nicht auswählen.

          So wie ich das verstanden habe, kann ich nur HTML als widget einbinden. Dann ist mir aber nicht klar, wie ich bin dem Skript umgehen muss.

          Ich weiß immer noch nicht welches Script Du meinst, es gibt viele…
          Poste das Script doch mal bzw. den Link wo Du es her hast.

          F Offline
          F Offline
          fir3drag0n
          schrieb am zuletzt editiert von
          #7263

          @dslraser

           
          const DP_Uhr_digital 				= '0_userdata.0.Uhr.Digital_Uhr_HTML_Uhrzeit_und_Datum_V7_neu';
          const DP_Wetter_Vorschau 			= '0_userdata.0.Uhr.Wetter_Vorschau';
          const DP_Wetter_Vorschau_Trigger	= '0_userdata.0.Uhr.Wetter_Vorschau_Trigger';
           
          fctInit();
           
          on({id:DP_Wetter_Vorschau_Trigger, val:true} , function (dp) {
            if (getState(DP_Wetter_Vorschau).val){
                setState(DP_Wetter_Vorschau, false);
            }else{
                setState(DP_Wetter_Vorschau, true);
            }
          });
           
          function fctInit(){
          if(!existsState(DP_Uhr_digital)) {
              createState(DP_Uhr_digital,
                  {type: 'string', name: 'iQontrol Uhr', role: 'value', read: true , write: true}
              );
          }
          if(!existsState(DP_Wetter_Vorschau_Trigger)) {
              createState(DP_Wetter_Vorschau_Trigger,
                  {type: 'boolean', name: 'Wetter Vorschau Trigger', role: 'button', read: false , write: true}
              );
          }
          if(!existsState(DP_Wetter_Vorschau)) {
              createState(DP_Wetter_Vorschau,
                  {type: 'boolean', name: 'Wetter Vorschau', role: 'switch', read: true , write: true, def: false}
              );
          }
          setStateDelayed(DP_Uhr_digital, fctUhrzeitDatumWetter_V7(), 1000);
          schedule("*/10 * * * * *", function () {
              setState(DP_Uhr_digital, fctUhrzeitDatumWetter_V7());
          })
          }
           
          function fctUhrzeitDatumWetter_V7() {
          let str_Uhrzeit         = String(formatDate(new Date(), "hh:mm"));
          let str_Datum           = String(formatDate(new Date(), "DD.MM.YYYY"));
          let str_Wochentag       = String(formatDate(new Date(), "WW", "de"));
           
          let str_color_body      = 'rgba(66, 66, 66, 1)';
          let str_color_cell      = 'rgba(71, 87, 92, 0)';
          let str_color_font      = 'rgba(255, 255, 255, 1)';
           
           
          let str_position_font   = 'left'
          let str_Tageszeit       = 'Tag';
          let str_html            = '';
          let str_html_head       = '';
          let image_Wetter_Pfad   = './../iqontrol.meta/userimages/usericons/wetter/';
           
          // ##########################################################################
          // CSS Style (Formatierung der HTML Elemente)
          // ##########################################################################
          str_html_head = str_html_head + '<head><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">';
          str_html_head = str_html_head + '<style>';
          str_html_head = str_html_head + 'body {';
          str_html_head = str_html_head + 'overflow:hidden;'; //Scrollbalken ausgeblendet
          str_html_head = str_html_head + 'background-color:' + str_color_body + ';';
          str_html_head = str_html_head + '}'; 
           
           
           
          str_html_head = str_html_head + 'span {';
          //Rahmen: abgerundete Ecken (5px), Strichstärke (0px = aus) und Farbe
          //str_html_head = str_html_head + 'border-radius:5px;border-collapse:separate;border:1px solid gainsboro;border-color:White;';
          //Textausrichtung
          str_html_head = str_html_head + 'text-align:' + str_position_font + ';';
          //Schriftfarbe
          str_html_head = str_html_head + 'color:' + str_color_font + ';';
          //Wer keine Hintergrundfarbe für die Boxen will, kommentiert die nachfolgende Zeile aus oder löscht sie.
          //str_html_head = str_html_head + 'background-color:' + str_color_cell + ';';
          str_html_head = str_html_head + '}';
           
          str_html_head = str_html_head + 'td {';
          str_html_head = str_html_head + 'border-width:1px;';
          str_html_head = str_html_head + 'border-style:solid;';
          str_html_head = str_html_head + 'border-color:silver;';
          str_html_head = str_html_head + '}';
           
          str_html_head = str_html_head + '.container_column {';
          str_html_head = str_html_head + 'display:flex;';
          //Elemente werden untereinander dargestellt
          str_html_head = str_html_head + 'flex-direction: column;';
          str_html_head = str_html_head + 'justify-content: flex-start;';
          //Rahmen: abgerundete Ecken (5px), Strichstärke (0px = aus) und Farbe
          //str_html_head = str_html_head + 'border-radius:5px;border-collapse:separate;border:2px solid gainsboro;border-color:yellow;';
          str_html_head = str_html_head + '}';
           
          str_html_head = str_html_head + '.container_row {';
          str_html_head = str_html_head + 'display: flex;';
          //Elemente werden untereinander dargestellt
          str_html_head = str_html_head + 'flex-direction: row;';
          str_html_head = str_html_head + 'justify-content: space-between;';
          //Rahmen: abgerundete Ecken (5px), Strichstärke (0px = aus) und Farbe
          //str_html_head = str_html_head + 'border-radius:5px;border-collapse:separate;border:2px solid gainsboro;border-color:yellow;';
          str_html_head = str_html_head + '}';
           
          str_html_head = str_html_head + 'input {';
          str_html_head = str_html_head + 'height:10vw;';
          str_html_head = str_html_head + 'width:10vw;';
          str_html_head = str_html_head + '}';
           
          str_html_head = str_html_head + '.img_wetter {';
          str_html_head = str_html_head + 'height:15vw;';
          str_html_head = str_html_head + 'width:15vw;';
          str_html_head = str_html_head + '}';
           
          //Hier habt ihr die Möglichkeit, CSS Eigenschaften für jede Box einzeln einzutragen.
          //Bspw. könnt ihr hier eine separate Hintergrundfarbe einstellen.
          //Außerdem steuert ihr hier die Schriftgrößen der einzelnen Boxen
          str_html_head = str_html_head + '.box_uhr {font-size:14vmax;}';
          str_html_head = str_html_head + '.box_datum {font-size:4vmax;text-align:center;}';
          str_html_head = str_html_head + '.box_wetter {font-size:4vmax;margin-right:1.5vw;text-align:center;}';
           
          str_html_head = str_html_head + '.table_Wettervorschau {';
          str_html_head = str_html_head + 'margin-top:4vw;';
          str_html_head = str_html_head + 'border-collapse: collapse;';
          str_html_head = str_html_head + 'font-size:3vmax;';
          str_html_head = str_html_head + 'color:' + str_color_font + ';';
          str_html_head = str_html_head + '}';
          str_html_head = str_html_head + '</style>';
          str_html_head = str_html_head + '<script type="text/javascript">';
          str_html_head = str_html_head + 'function setState(stateId, value){';
          str_html_head = str_html_head + 'sendPostMessage("setState", stateId, value);';
          str_html_head = str_html_head + '}';
          str_html_head = str_html_head + 'function sendPostMessage(command, stateId, value){';
          str_html_head = str_html_head + 'message = { command: command, stateId: stateId, value: value};';
          str_html_head = str_html_head + 'window.parent.postMessage(message, "*");';
          str_html_head = str_html_head + '}';
          str_html_head = str_html_head + '</script>';
          str_html_head = str_html_head + '</head>';
           
          // ##########################################################################
          // Prüfen ob Tag oder Nacht um Sonne oder Mond Icons anzuzeigen
          // ##########################################################################
          //Wenn ihr den nachfolgenden Datenpunkt 'javascript.0.Astro.Tageszeit.current' auch habt, könnt ihr das einkommentieren --> /* und */ löschen
          //--> dafür gibt es ein ASTRO Skript hier im Forum
          /*
          switch (getState('javascript.0.Astro.Tageszeit.current').val){
              case "Sonnenuntergang":
              case "Abenddämmerung":
              case "Nacht":
              case "Morgendämmerung":
                  str_Tageszeit = 'Nacht';
                  break;
              default:
                  break;
          }
          */
           
          // ##########################################################################
          // Ab hier werden die verschiedenen HTML Flex Container zusammengebaut
          // ##########################################################################
          //Box 1 = Uhrzeit und Wettersymbol
          str_html = str_html + str_html_head + '<div class="container_row">';
          str_html = str_html + '<span class="box_uhr"><b>' + str_Uhrzeit + ' Uhr</b></span>';
          if (str_Tageszeit == 'Tag'){
                str_html = str_html + '<input type="image" class="img_wetter" onclick="setState(\'' + DP_Wetter_Vorschau_Trigger + '\', true)" src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_1.current.symbol_value').val + '.png' + '" />';
          }else{
                str_html = str_html + '<input type="image" class="img_wetter" onclick="setState(\'' + DP_Wetter_Vorschau_Trigger + '\', true)" src="' + image_Wetter_Pfad + 'mond/' + getState('daswetter.0.NextHours.Location_1.Day_1.moon_symbol').val + '.png' + '" />';
          }
          str_html = str_html + '</div>';
           
          //Box 2 = Wochentag/Datum, Abfallentsorgung und aktuelle Wetterdaten
          str_html = str_html + '<div class="container_row">';
          str_html = str_html + '<div class="container_column">';
          str_html = str_html + '<span class="box_datum"><b><i>' + str_Wochentag + ', ' + str_Datum + '</i></b></span>';
          str_html = str_html + '</div>';
          str_html = str_html + '<div class="container_column">';
          str_html = str_html + '<span class="box_wetter"><b><i>' + Math.round(getState('hm-rpc.0.0010D8A98AD4AC.1.ACTUAL_TEMPERATURE'/*Temperatursensor aussen ACTUAL TEMPERATURE*/).val) + '°C</i></b></span>';
          if (str_Tageszeit == 'Tag'){
              str_html = str_html + '<span class="box_wetter"><i>' + getState('daswetter.0.NextHours.Location_1.Day_1.current.symbol_desc').val + '</i></span>';
          }else{
              str_html = str_html + '<span class="box_wetter"><i>' + str_Tageszeit + '</i></span>';
          }
           
          str_html = str_html + '</div>';
          str_html = str_html + '</div>';
           
          //Box 3 = Wettervorschau
          str_html = str_html + '<div class="container_column">';
          str_html = str_html + '<table class="table_Wettervorschau">';
           
          str_html = str_html + '<tr>';
          str_html = str_html + '<td>heute</td>';
          str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_1.symbol_value').val + '.png' + '"/></td>';
          str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_1.tempmin_value').val + '°C bis ';
          str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_1.tempmax_value').val + '°C</td>';
          //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_1.humidity_value').val + '%</td>';
          str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_1.symbol_desc').val + '</td>';
          str_html = str_html + '</tr>';
           
          str_html = str_html + '<tr>';
          str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_2.day_name').val + '</td>';
          str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_2.symbol_value').val + '.png' + '"/></td>';
          str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_2.tempmin_value').val + '°C bis ';
          str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_2.tempmax_value').val + '°C</td>';
          //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_2.humidity_value').val + '%</td>';
          str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_2.symbol_desc').val + '</td>';
          str_html = str_html + '</tr>';
           
          str_html = str_html + '<tr>';
          str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_3.day_name').val + '</td>';
          str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_3.symbol_value').val + '.png' + '"/></td>';
          str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_3.tempmin_value').val + '°C bis ';
          str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_3.tempmax_value').val + '°C</td>';
          //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_3.humidity_value').val + '%</td>';
          str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_3.symbol_desc').val + '</td>';
          str_html = str_html + '</tr>';
           
          str_html = str_html + '<tr>';
          str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_4.day_name').val + '</td>';
          str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_4.symbol_value').val + '.png' + '"/></td>';
          str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_4.tempmin_value').val + '°C bis ';
          str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_4.tempmax_value').val + '°C</td>';
          //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_4.humidity_value').val + '%</td>';
          str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_4.symbol_desc').val + '</td>';
          str_html = str_html + '</tr>';
           
          str_html = str_html + '<tr>';
          str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_5.day_name').val + '</td>';
          str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_5.symbol_value').val + '.png' + '"/></td>';
          str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_5.tempmin_value').val + '°C bis ';
          str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_5.tempmax_value').val + '°C</td>';
          //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_5.humidity_value').val + '%</td>';
          str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_5.symbol_desc').val + '</td>';
          str_html = str_html + '</tr>';
           
          str_html = str_html + '</table>';
          str_html = str_html + '</div>';
           
          return str_html;
          }
           
           
          
          
          dslraserD 1 Antwort Letzte Antwort
          0
          • F fir3drag0n

            @dslraser

             
            const DP_Uhr_digital 				= '0_userdata.0.Uhr.Digital_Uhr_HTML_Uhrzeit_und_Datum_V7_neu';
            const DP_Wetter_Vorschau 			= '0_userdata.0.Uhr.Wetter_Vorschau';
            const DP_Wetter_Vorschau_Trigger	= '0_userdata.0.Uhr.Wetter_Vorschau_Trigger';
             
            fctInit();
             
            on({id:DP_Wetter_Vorschau_Trigger, val:true} , function (dp) {
              if (getState(DP_Wetter_Vorschau).val){
                  setState(DP_Wetter_Vorschau, false);
              }else{
                  setState(DP_Wetter_Vorschau, true);
              }
            });
             
            function fctInit(){
            if(!existsState(DP_Uhr_digital)) {
                createState(DP_Uhr_digital,
                    {type: 'string', name: 'iQontrol Uhr', role: 'value', read: true , write: true}
                );
            }
            if(!existsState(DP_Wetter_Vorschau_Trigger)) {
                createState(DP_Wetter_Vorschau_Trigger,
                    {type: 'boolean', name: 'Wetter Vorschau Trigger', role: 'button', read: false , write: true}
                );
            }
            if(!existsState(DP_Wetter_Vorschau)) {
                createState(DP_Wetter_Vorschau,
                    {type: 'boolean', name: 'Wetter Vorschau', role: 'switch', read: true , write: true, def: false}
                );
            }
            setStateDelayed(DP_Uhr_digital, fctUhrzeitDatumWetter_V7(), 1000);
            schedule("*/10 * * * * *", function () {
                setState(DP_Uhr_digital, fctUhrzeitDatumWetter_V7());
            })
            }
             
            function fctUhrzeitDatumWetter_V7() {
            let str_Uhrzeit         = String(formatDate(new Date(), "hh:mm"));
            let str_Datum           = String(formatDate(new Date(), "DD.MM.YYYY"));
            let str_Wochentag       = String(formatDate(new Date(), "WW", "de"));
             
            let str_color_body      = 'rgba(66, 66, 66, 1)';
            let str_color_cell      = 'rgba(71, 87, 92, 0)';
            let str_color_font      = 'rgba(255, 255, 255, 1)';
             
             
            let str_position_font   = 'left'
            let str_Tageszeit       = 'Tag';
            let str_html            = '';
            let str_html_head       = '';
            let image_Wetter_Pfad   = './../iqontrol.meta/userimages/usericons/wetter/';
             
            // ##########################################################################
            // CSS Style (Formatierung der HTML Elemente)
            // ##########################################################################
            str_html_head = str_html_head + '<head><meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">';
            str_html_head = str_html_head + '<style>';
            str_html_head = str_html_head + 'body {';
            str_html_head = str_html_head + 'overflow:hidden;'; //Scrollbalken ausgeblendet
            str_html_head = str_html_head + 'background-color:' + str_color_body + ';';
            str_html_head = str_html_head + '}'; 
             
             
             
            str_html_head = str_html_head + 'span {';
            //Rahmen: abgerundete Ecken (5px), Strichstärke (0px = aus) und Farbe
            //str_html_head = str_html_head + 'border-radius:5px;border-collapse:separate;border:1px solid gainsboro;border-color:White;';
            //Textausrichtung
            str_html_head = str_html_head + 'text-align:' + str_position_font + ';';
            //Schriftfarbe
            str_html_head = str_html_head + 'color:' + str_color_font + ';';
            //Wer keine Hintergrundfarbe für die Boxen will, kommentiert die nachfolgende Zeile aus oder löscht sie.
            //str_html_head = str_html_head + 'background-color:' + str_color_cell + ';';
            str_html_head = str_html_head + '}';
             
            str_html_head = str_html_head + 'td {';
            str_html_head = str_html_head + 'border-width:1px;';
            str_html_head = str_html_head + 'border-style:solid;';
            str_html_head = str_html_head + 'border-color:silver;';
            str_html_head = str_html_head + '}';
             
            str_html_head = str_html_head + '.container_column {';
            str_html_head = str_html_head + 'display:flex;';
            //Elemente werden untereinander dargestellt
            str_html_head = str_html_head + 'flex-direction: column;';
            str_html_head = str_html_head + 'justify-content: flex-start;';
            //Rahmen: abgerundete Ecken (5px), Strichstärke (0px = aus) und Farbe
            //str_html_head = str_html_head + 'border-radius:5px;border-collapse:separate;border:2px solid gainsboro;border-color:yellow;';
            str_html_head = str_html_head + '}';
             
            str_html_head = str_html_head + '.container_row {';
            str_html_head = str_html_head + 'display: flex;';
            //Elemente werden untereinander dargestellt
            str_html_head = str_html_head + 'flex-direction: row;';
            str_html_head = str_html_head + 'justify-content: space-between;';
            //Rahmen: abgerundete Ecken (5px), Strichstärke (0px = aus) und Farbe
            //str_html_head = str_html_head + 'border-radius:5px;border-collapse:separate;border:2px solid gainsboro;border-color:yellow;';
            str_html_head = str_html_head + '}';
             
            str_html_head = str_html_head + 'input {';
            str_html_head = str_html_head + 'height:10vw;';
            str_html_head = str_html_head + 'width:10vw;';
            str_html_head = str_html_head + '}';
             
            str_html_head = str_html_head + '.img_wetter {';
            str_html_head = str_html_head + 'height:15vw;';
            str_html_head = str_html_head + 'width:15vw;';
            str_html_head = str_html_head + '}';
             
            //Hier habt ihr die Möglichkeit, CSS Eigenschaften für jede Box einzeln einzutragen.
            //Bspw. könnt ihr hier eine separate Hintergrundfarbe einstellen.
            //Außerdem steuert ihr hier die Schriftgrößen der einzelnen Boxen
            str_html_head = str_html_head + '.box_uhr {font-size:14vmax;}';
            str_html_head = str_html_head + '.box_datum {font-size:4vmax;text-align:center;}';
            str_html_head = str_html_head + '.box_wetter {font-size:4vmax;margin-right:1.5vw;text-align:center;}';
             
            str_html_head = str_html_head + '.table_Wettervorschau {';
            str_html_head = str_html_head + 'margin-top:4vw;';
            str_html_head = str_html_head + 'border-collapse: collapse;';
            str_html_head = str_html_head + 'font-size:3vmax;';
            str_html_head = str_html_head + 'color:' + str_color_font + ';';
            str_html_head = str_html_head + '}';
            str_html_head = str_html_head + '</style>';
            str_html_head = str_html_head + '<script type="text/javascript">';
            str_html_head = str_html_head + 'function setState(stateId, value){';
            str_html_head = str_html_head + 'sendPostMessage("setState", stateId, value);';
            str_html_head = str_html_head + '}';
            str_html_head = str_html_head + 'function sendPostMessage(command, stateId, value){';
            str_html_head = str_html_head + 'message = { command: command, stateId: stateId, value: value};';
            str_html_head = str_html_head + 'window.parent.postMessage(message, "*");';
            str_html_head = str_html_head + '}';
            str_html_head = str_html_head + '</script>';
            str_html_head = str_html_head + '</head>';
             
            // ##########################################################################
            // Prüfen ob Tag oder Nacht um Sonne oder Mond Icons anzuzeigen
            // ##########################################################################
            //Wenn ihr den nachfolgenden Datenpunkt 'javascript.0.Astro.Tageszeit.current' auch habt, könnt ihr das einkommentieren --> /* und */ löschen
            //--> dafür gibt es ein ASTRO Skript hier im Forum
            /*
            switch (getState('javascript.0.Astro.Tageszeit.current').val){
                case "Sonnenuntergang":
                case "Abenddämmerung":
                case "Nacht":
                case "Morgendämmerung":
                    str_Tageszeit = 'Nacht';
                    break;
                default:
                    break;
            }
            */
             
            // ##########################################################################
            // Ab hier werden die verschiedenen HTML Flex Container zusammengebaut
            // ##########################################################################
            //Box 1 = Uhrzeit und Wettersymbol
            str_html = str_html + str_html_head + '<div class="container_row">';
            str_html = str_html + '<span class="box_uhr"><b>' + str_Uhrzeit + ' Uhr</b></span>';
            if (str_Tageszeit == 'Tag'){
                  str_html = str_html + '<input type="image" class="img_wetter" onclick="setState(\'' + DP_Wetter_Vorschau_Trigger + '\', true)" src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_1.current.symbol_value').val + '.png' + '" />';
            }else{
                  str_html = str_html + '<input type="image" class="img_wetter" onclick="setState(\'' + DP_Wetter_Vorschau_Trigger + '\', true)" src="' + image_Wetter_Pfad + 'mond/' + getState('daswetter.0.NextHours.Location_1.Day_1.moon_symbol').val + '.png' + '" />';
            }
            str_html = str_html + '</div>';
             
            //Box 2 = Wochentag/Datum, Abfallentsorgung und aktuelle Wetterdaten
            str_html = str_html + '<div class="container_row">';
            str_html = str_html + '<div class="container_column">';
            str_html = str_html + '<span class="box_datum"><b><i>' + str_Wochentag + ', ' + str_Datum + '</i></b></span>';
            str_html = str_html + '</div>';
            str_html = str_html + '<div class="container_column">';
            str_html = str_html + '<span class="box_wetter"><b><i>' + Math.round(getState('hm-rpc.0.0010D8A98AD4AC.1.ACTUAL_TEMPERATURE'/*Temperatursensor aussen ACTUAL TEMPERATURE*/).val) + '°C</i></b></span>';
            if (str_Tageszeit == 'Tag'){
                str_html = str_html + '<span class="box_wetter"><i>' + getState('daswetter.0.NextHours.Location_1.Day_1.current.symbol_desc').val + '</i></span>';
            }else{
                str_html = str_html + '<span class="box_wetter"><i>' + str_Tageszeit + '</i></span>';
            }
             
            str_html = str_html + '</div>';
            str_html = str_html + '</div>';
             
            //Box 3 = Wettervorschau
            str_html = str_html + '<div class="container_column">';
            str_html = str_html + '<table class="table_Wettervorschau">';
             
            str_html = str_html + '<tr>';
            str_html = str_html + '<td>heute</td>';
            str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_1.symbol_value').val + '.png' + '"/></td>';
            str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_1.tempmin_value').val + '°C bis ';
            str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_1.tempmax_value').val + '°C</td>';
            //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_1.humidity_value').val + '%</td>';
            str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_1.symbol_desc').val + '</td>';
            str_html = str_html + '</tr>';
             
            str_html = str_html + '<tr>';
            str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_2.day_name').val + '</td>';
            str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_2.symbol_value').val + '.png' + '"/></td>';
            str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_2.tempmin_value').val + '°C bis ';
            str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_2.tempmax_value').val + '°C</td>';
            //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_2.humidity_value').val + '%</td>';
            str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_2.symbol_desc').val + '</td>';
            str_html = str_html + '</tr>';
             
            str_html = str_html + '<tr>';
            str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_3.day_name').val + '</td>';
            str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_3.symbol_value').val + '.png' + '"/></td>';
            str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_3.tempmin_value').val + '°C bis ';
            str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_3.tempmax_value').val + '°C</td>';
            //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_3.humidity_value').val + '%</td>';
            str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_3.symbol_desc').val + '</td>';
            str_html = str_html + '</tr>';
             
            str_html = str_html + '<tr>';
            str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_4.day_name').val + '</td>';
            str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_4.symbol_value').val + '.png' + '"/></td>';
            str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_4.tempmin_value').val + '°C bis ';
            str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_4.tempmax_value').val + '°C</td>';
            //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_4.humidity_value').val + '%</td>';
            str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_4.symbol_desc').val + '</td>';
            str_html = str_html + '</tr>';
             
            str_html = str_html + '<tr>';
            str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_5.day_name').val + '</td>';
            str_html = str_html + '<td><img src="' + image_Wetter_Pfad + getState('daswetter.0.NextHours.Location_1.Day_5.symbol_value').val + '.png' + '"/></td>';
            str_html = str_html + '<td nowrap>' + getState('daswetter.0.NextHours.Location_1.Day_5.tempmin_value').val + '°C bis ';
            str_html = str_html + getState('daswetter.0.NextHours.Location_1.Day_5.tempmax_value').val + '°C</td>';
            //str_html = str_html + '<td>' + getState('daswetter.0.NextHours.Location_1.Day_5.humidity_value').val + '%</td>';
            str_html = str_html + '<td align=left>' + getState('daswetter.0.NextHours.Location_1.Day_5.symbol_desc').val + '</td>';
            str_html = str_html + '</tr>';
             
            str_html = str_html + '</table>';
            str_html = str_html + '</div>';
             
            return str_html;
            }
             
             
            
            
            dslraserD Offline
            dslraserD Offline
            dslraser
            Forum Testing Most Active
            schrieb am zuletzt editiert von dslraser
            #7264

            @fir3drag0n
            hast Du denn die benötigten Datenpunkte (z.B. die oberen drei bzw. in den ersten drei Zeilen) angelegt oder auf Deine eigenen Datenpunkte angepasst ?
            Ich glaube im Script gibt es noch mehr eigene Datenpunkte, aber eigentlich sind auch immer Kommentare im Script

            F 1 Antwort Letzte Antwort
            0
            • dslraserD dslraser

              @fir3drag0n
              hast Du denn die benötigten Datenpunkte (z.B. die oberen drei bzw. in den ersten drei Zeilen) angelegt oder auf Deine eigenen Datenpunkte angepasst ?
              Ich glaube im Script gibt es noch mehr eigene Datenpunkte, aber eigentlich sind auch immer Kommentare im Script

              F Offline
              F Offline
              fir3drag0n
              schrieb am zuletzt editiert von
              #7265

              @dslraser angelegt, aber wie füge ich das jetzt in iQontrol hinzu?

              J 1 Antwort Letzte Antwort
              0
              • F fir3drag0n

                @dslraser angelegt, aber wie füge ich das jetzt in iQontrol hinzu?

                J Offline
                J Offline
                J.M
                schrieb am zuletzt editiert von
                #7266

                @fir3drag0n Guten Abend. Hier wird es erklärt von dslraser, inclusive fertigen Import der Ansicht. Anleitung So hat es bei mir auch funktioniert.

                1 Antwort Letzte Antwort
                2
                • G Geesthachter

                  @dslraser Vielen Dank für deine Antwort.
                  Sorry das ich jetzt erst schreibe ich habe es heute erst gesehen das du mir diese Hilfe geschickt hast.
                  Ich habe es leider bisher noch nicht zum Laufen gebracht, irgendwas fehlt mir anscheinend noch. Wie du siehst erscheint nur die Überschrift "Digitaluhr" aber nicht die Digitaluhr selber.
                  screenshot.iqontrol.png

                  Wenn ich dann dort anklicke erscheint

                  Screenshot_20220410-172653_Chrome.jpg

                  und wenn ich dann auf öffnen gehe kommt das.

                  Screenshot_20220410-172703_Chrome.jpg

                  Ich habe folgendes gemacht.
                  Ich habe für das „Digital Uhr Script“ und das „Astro Script“ je ein Javascript erstellt.
                  Dabei wurden die drei von dir erwähntem Datenpunkte wie bei dir erstellt.

                  screenshot.Angelegte Datenpunkte.png

                  Die Wetter Icons habe ich in dem gleich Pfad wie du gespeichert.

                  screenshot.Wetter icons .png

                  Dann habe ich das Widget „2022-04-06_iqontrol_0_devices.json“ als Gerät importiert.

                  screenshot.Exportiertes Widget.png

                  screenshot.Datenpunkte des Widgets.png

                  Und ich habe „derWetter“ Adapter installiert mich dort angemeldet und einen generierten Pfad bei
                  „Pfad 1: XML-Datei mit 7-Tage-Wettervorhersage und Tagesübersicht“ eingetragen.screenshot.dasWette.0 Adapter.png

                  Was habe ich falsch gemacht oder was fehlt mir noch?
                  Kannst du mir bitte weiterhelfen.

                  Gruß Björn

                  F Offline
                  F Offline
                  fir3drag0n
                  schrieb am zuletzt editiert von
                  #7267

                  @geesthachter said in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                  @dslraser Vielen Dank für deine Antwort.
                  Sorry das ich jetzt erst schreibe ich habe es heute erst gesehen das du mir diese Hilfe geschickt hast.
                  Ich habe es leider bisher noch nicht zum Laufen gebracht, irgendwas fehlt mir anscheinend noch. Wie du siehst erscheint nur die Überschrift "Digitaluhr" aber nicht die Digitaluhr selber.
                  screenshot.iqontrol.png

                  Wenn ich dann dort anklicke erscheint

                  Screenshot_20220410-172653_Chrome.jpg

                  und wenn ich dann auf öffnen gehe kommt das.

                  Screenshot_20220410-172703_Chrome.jpg

                  Ich habe folgendes gemacht.
                  Ich habe für das „Digital Uhr Script“ und das „Astro Script“ je ein Javascript erstellt.
                  Dabei wurden die drei von dir erwähntem Datenpunkte wie bei dir erstellt.

                  screenshot.Angelegte Datenpunkte.png

                  Die Wetter Icons habe ich in dem gleich Pfad wie du gespeichert.

                  screenshot.Wetter icons .png

                  Dann habe ich das Widget „2022-04-06_iqontrol_0_devices.json“ als Gerät importiert.

                  screenshot.Exportiertes Widget.png

                  screenshot.Datenpunkte des Widgets.png

                  Und ich habe „derWetter“ Adapter installiert mich dort angemeldet und einen generierten Pfad bei
                  „Pfad 1: XML-Datei mit 7-Tage-Wettervorhersage und Tagesübersicht“ eingetragen.screenshot.dasWette.0 Adapter.png

                  Was habe ich falsch gemacht oder was fehlt mir noch?
                  Kannst du mir bitte weiterhelfen.

                  Gruß Björn

                  selbes Problem, hast du es mittlerweile gelöst?

                  dslraserD 1 Antwort Letzte Antwort
                  0
                  • F fir3drag0n

                    @geesthachter said in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                    @dslraser Vielen Dank für deine Antwort.
                    Sorry das ich jetzt erst schreibe ich habe es heute erst gesehen das du mir diese Hilfe geschickt hast.
                    Ich habe es leider bisher noch nicht zum Laufen gebracht, irgendwas fehlt mir anscheinend noch. Wie du siehst erscheint nur die Überschrift "Digitaluhr" aber nicht die Digitaluhr selber.
                    screenshot.iqontrol.png

                    Wenn ich dann dort anklicke erscheint

                    Screenshot_20220410-172653_Chrome.jpg

                    und wenn ich dann auf öffnen gehe kommt das.

                    Screenshot_20220410-172703_Chrome.jpg

                    Ich habe folgendes gemacht.
                    Ich habe für das „Digital Uhr Script“ und das „Astro Script“ je ein Javascript erstellt.
                    Dabei wurden die drei von dir erwähntem Datenpunkte wie bei dir erstellt.

                    screenshot.Angelegte Datenpunkte.png

                    Die Wetter Icons habe ich in dem gleich Pfad wie du gespeichert.

                    screenshot.Wetter icons .png

                    Dann habe ich das Widget „2022-04-06_iqontrol_0_devices.json“ als Gerät importiert.

                    screenshot.Exportiertes Widget.png

                    screenshot.Datenpunkte des Widgets.png

                    Und ich habe „derWetter“ Adapter installiert mich dort angemeldet und einen generierten Pfad bei
                    „Pfad 1: XML-Datei mit 7-Tage-Wettervorhersage und Tagesübersicht“ eingetragen.screenshot.dasWette.0 Adapter.png

                    Was habe ich falsch gemacht oder was fehlt mir noch?
                    Kannst du mir bitte weiterhelfen.

                    Gruß Björn

                    selbes Problem, hast du es mittlerweile gelöst?

                    dslraserD Offline
                    dslraserD Offline
                    dslraser
                    Forum Testing Most Active
                    schrieb am zuletzt editiert von
                    #7268

                    @fir3drag0n

                    bei mir ist der Datenpunkt für die Uhr vom Typ html (in dem verlinktem Bild steht value ? )

                    Bildschirmfoto 2022-09-01 um 17.30.42.png

                    {
                     "common": {
                       "type": "string",
                       "name": "iQontrol Uhr",
                       "role": "html",
                       "read": true,
                       "write": true
                     },
                     "native": {},
                     "type": "state",
                     "from": "system.adapter.javascript.0",
                     "user": "system.user.admin",
                     "ts": 1606066710499,
                     "_id": "0_userdata.0.Uhr.Digital_Uhr_HTML_Uhrzeit_und_Datum_V7",
                     "acl": {
                       "object": 1636,
                       "state": 1636,
                       "owner": "system.user.admin",
                       "ownerGroup": "system.group.administrator"
                     }
                    }
                    

                    Eine Verknüpfung zu einer anderen Seite habe ich auch nicht

                    Bildschirmfoto 2022-09-01 um 17.30.05.png

                    Hier nochmal der iQontrol Export von meinem Gerät

                    2022-09-01_iqontrol_0_devices.json.zip

                    1 Antwort Letzte Antwort
                    0
                    • D Offline
                      D Offline
                      DarkDevil
                      schrieb am zuletzt editiert von
                      #7269

                      Hallo zusammen, ich bin recht neu bei iQontrol angekommen und mir gefällt es sehr gut, eine Frage habe ich aber direkt:
                      Ich habe den link als „App“ auf den homescreen meines iPhones hinterlegt. Gibt es eine Möglichkeit das Symbol anzupassen? Aktuell ist es wohl ein Mini Screenshot meiner Visualisierungen.

                      da_WoodyD 1 Antwort Letzte Antwort
                      0
                      • D DarkDevil

                        Hallo zusammen, ich bin recht neu bei iQontrol angekommen und mir gefällt es sehr gut, eine Frage habe ich aber direkt:
                        Ich habe den link als „App“ auf den homescreen meines iPhones hinterlegt. Gibt es eine Möglichkeit das Symbol anzupassen? Aktuell ist es wohl ein Mini Screenshot meiner Visualisierungen.

                        da_WoodyD Offline
                        da_WoodyD Offline
                        da_Woody
                        schrieb am zuletzt editiert von
                        #7270

                        @darkdevil nach 3x lesen ist mir klar was du willst. das hat nichts mit dem adapter zu tun.
                        da musst du guxxen, ob das dein apfel kann.

                        gruß vom Woody
                        HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                        D 1 Antwort Letzte Antwort
                        0
                        • da_WoodyD da_Woody

                          @darkdevil nach 3x lesen ist mir klar was du willst. das hat nichts mit dem adapter zu tun.
                          da musst du guxxen, ob das dein apfel kann.

                          D Offline
                          D Offline
                          DarkDevil
                          schrieb am zuletzt editiert von
                          #7271

                          @da_woody ich dachte das wäre das Logo der Webseite. Wenn ich zB das Forum hier auf den homescreen lege wird mir das Logo angezeigt, somit bekommt es ein wenig mehr Charakter einer App

                          da_WoodyD 1 Antwort Letzte Antwort
                          0
                          • D DarkDevil

                            @da_woody ich dachte das wäre das Logo der Webseite. Wenn ich zB das Forum hier auf den homescreen lege wird mir das Logo angezeigt, somit bekommt es ein wenig mehr Charakter einer App

                            da_WoodyD Offline
                            da_WoodyD Offline
                            da_Woody
                            schrieb am zuletzt editiert von
                            #7272

                            @darkdevil naja, iQontrol ist keine app.
                            aber du hast schon recht.
                            unter android hab ich die startseite abgelegt.
                            2d538084-a951-47b7-8012-55d2cd792109-grafik.png

                            gruß vom Woody
                            HAPPINESS is not a DESTINATION, it's a WAY of LIFE!

                            dslraserD 1 Antwort Letzte Antwort
                            0
                            • da_WoodyD da_Woody

                              @darkdevil naja, iQontrol ist keine app.
                              aber du hast schon recht.
                              unter android hab ich die startseite abgelegt.
                              2d538084-a951-47b7-8012-55d2cd792109-grafik.png

                              dslraserD Offline
                              dslraserD Offline
                              dslraser
                              Forum Testing Most Active
                              schrieb am zuletzt editiert von
                              #7273

                              @da_woody

                              ist beim Apfel auch so

                              16C1D06E-6F9D-4D47-8A4A-EEAC2D5618D4.jpeg

                              1 Antwort Letzte Antwort
                              1
                              • D Offline
                                D Offline
                                DocGame
                                schrieb am zuletzt editiert von
                                #7274

                                Hallo miteinander,
                                ich hätte mal eine Frage:
                                ich habe 2 iqontrol instanzen.
                                Die erste ist von den Kachelgrößen fürrs Handy optimiert, die 2. fürs Tablet an der Wand.
                                Das letzte halbe Jahr habe ich immer nur die .1 Instanz gepflegt so das bei der .0 einiges fehlt.
                                Als ich jetzt im Urlaub war wollte ich über die Cloud einige Dinge schalten. Leider wird mir da nur die Instanz .0 (bei der einige Geräte fehlen) angezeigt und ich habe keine Möglichkeit auf die .1 zu kommen.
                                Ich meine, früher hat er in der Cloudauswahl beide angezeigt.
                                Gibt es hier einen Trick oder geht hier wirklich nur die erste Instanz?

                                1 Antwort Letzte Antwort
                                0
                                • JLegJ JLeg

                                  @s-bormann @frankthegreat - ah, danke für's Feedback - ich hatte völlig aus dem Blick verloren, dass ich hier noch einen nginx zwischen iqontrol und IOS zwischen hängen habe - damit hatte ich die früher gerne auftretenden "Socket Errors" nach dem Aufwachen weg bekommen. Jetzt aber scheint das der "culprit" zu sein, jedenfalls ohne nginx tut's bei mir auch mit 5.x!
                                  Dann werd' ich mal schauen, ob's den nginx noch braucht, oder ob der zu flicken ist, Fehler gibt's leider keine...

                                  Jörg HeiligJ Offline
                                  Jörg HeiligJ Offline
                                  Jörg Heilig
                                  schrieb am zuletzt editiert von
                                  #7275

                                  @jleg Ich habe auch das Problem, dass iqontrol mit nginx beim Ladekringel hängen bleibt. Hast du etwas rausbekommen?

                                  1 Antwort Letzte Antwort
                                  0
                                  • K Offline
                                    K Offline
                                    Kueppert
                                    schrieb am zuletzt editiert von
                                    #7276

                                    Kann mi rhier jmd nochma einen Schubs geben für die Darstellung von Synology Surveillance Streams in iQontrol? Die Kamerastreams kan nich mir im Browser anzeigen, die funktionieren mit dem Synology-Adapter. Der spukt die ja aus. Aber ich bekomm die bei iQontrol nicht (mehr) rein...
                                    Habs mit WIdget, externer Link versucht...unter HTML und BackgroundURL...

                                    HABS: hab "Externer Link" genommen und den Datenpunkt "synology.0.SurveillanceStation.cameras.XYZ.linkMjpegHttpPath" hinter BACKGROUND_URL gewählt

                                    UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

                                    1 Antwort Letzte Antwort
                                    1
                                    • K Offline
                                      K Offline
                                      Kueppert
                                      schrieb am zuletzt editiert von Kueppert
                                      #7277

                                      hab doch noch ein Problem mit den Camera-Streams. Die sind alle leicht nach rechts verschoben (siehe Bild). Gibts dafür eine Lösung?
                                      9c82b143-b6ee-409c-85aa-05e5a77b5002-image.png
                                      Das ist so im Browser und auf dem Handy. Ich habe nicht mit NZ gearbeitet (die Streams sind von allein alle untereinander, auch wenn rechts daneben noch viel Platz ist)

                                      UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

                                      1 Antwort Letzte Antwort
                                      0
                                      • dslraserD Offline
                                        dslraserD Offline
                                        dslraser
                                        Forum Testing Most Active
                                        schrieb am zuletzt editiert von dslraser
                                        #7278

                                        @kueppert sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                                        HABS: hab "Externer Link" genommen und den Datenpunkt "synology.0.SurveillanceStation.cameras.XYZ.linkMjpegHttpPath" hinter BACKGROUND_URL gewählt

                                        ich habe die auch über Synology eingebunden, aber etwas anders als bei Dir (läuft schon ewig so bei mir)
                                        Versatz habe ich damit auch nicht.

                                        Bildschirmfoto 2022-10-21 um 17.43.01.png

                                        Als Widget und da habe ich das hier gewählt

                                        Bildschirmfoto 2022-10-21 um 17.40.38.png

                                        Als Inhalt das hier

                                        Bildschirmfoto 2022-10-21 um 17.49.25.png

                                        hier der Inhalt als Code (anpassen mußt Du natürlich Deine IP/Port sowie ID usw...)

                                        <html style="height: 100%;"><head><meta name="viewport" content="width=device-width, minimum-scale=0.1"></head><body style="margin: 0px; background: #424242; height: 100%"><img style="-webkit-user-select: none;max-width: 100%;" src="http://192.168.1.248:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&amp;version=1&amp;method=Stream&amp;format=mjpeg&amp;cameraId=9&amp;StmKey=%225c4ad2f3f1aa7e68329c8f7b88070eb7%22"></body></html>
                                        

                                        Die passenden Daten findest Du in Deiner SurveillanceStation

                                        rechte Maustaste auf eine Kamera und dann Stream-Pfad freigeben

                                        Bildschirmfoto 2022-10-21 um 17.49.07.png

                                        Bildschirmfoto 2022-10-21 um 17.51.59.png

                                        Bei mir sind am Mac die Streams nebeneinander und am Handy untereinander.
                                        Hier noch ein Export eines Gerätes
                                        2022-10-21_iqontrol_0_devices.json.zip

                                        K 1 Antwort Letzte Antwort
                                        1
                                        • dslraserD dslraser

                                          @kueppert sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                                          HABS: hab "Externer Link" genommen und den Datenpunkt "synology.0.SurveillanceStation.cameras.XYZ.linkMjpegHttpPath" hinter BACKGROUND_URL gewählt

                                          ich habe die auch über Synology eingebunden, aber etwas anders als bei Dir (läuft schon ewig so bei mir)
                                          Versatz habe ich damit auch nicht.

                                          Bildschirmfoto 2022-10-21 um 17.43.01.png

                                          Als Widget und da habe ich das hier gewählt

                                          Bildschirmfoto 2022-10-21 um 17.40.38.png

                                          Als Inhalt das hier

                                          Bildschirmfoto 2022-10-21 um 17.49.25.png

                                          hier der Inhalt als Code (anpassen mußt Du natürlich Deine IP/Port sowie ID usw...)

                                          <html style="height: 100%;"><head><meta name="viewport" content="width=device-width, minimum-scale=0.1"></head><body style="margin: 0px; background: #424242; height: 100%"><img style="-webkit-user-select: none;max-width: 100%;" src="http://192.168.1.248:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&amp;version=1&amp;method=Stream&amp;format=mjpeg&amp;cameraId=9&amp;StmKey=%225c4ad2f3f1aa7e68329c8f7b88070eb7%22"></body></html>
                                          

                                          Die passenden Daten findest Du in Deiner SurveillanceStation

                                          rechte Maustaste auf eine Kamera und dann Stream-Pfad freigeben

                                          Bildschirmfoto 2022-10-21 um 17.49.07.png

                                          Bildschirmfoto 2022-10-21 um 17.51.59.png

                                          Bei mir sind am Mac die Streams nebeneinander und am Handy untereinander.
                                          Hier noch ein Export eines Gerätes
                                          2022-10-21_iqontrol_0_devices.json.zip

                                          K Offline
                                          K Offline
                                          Kueppert
                                          schrieb am zuletzt editiert von Kueppert
                                          #7279

                                          @dslraser sagte in Test Adapter iQontrol 2.0.x Vis (Entwicklungs-Thread):

                                          <html style="height: 100%;"><head><meta name="viewport" content="width=device-width, minimum-scale=0.1"></head><body style="margin: 0px; background: #424242; height: 100%"><img style="-webkit-user-select: none;max-width: 100%;" src="http://192.168.1.248:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&amp;version=1&amp;method=Stream&amp;format=mjpeg&amp;cameraId=9&amp;StmKey="5c4ad2f3f1aa7e68329c8f7b88070eb7""></body></html>

                                          Danke dir für den Tip. Bei meiner Syno wird der Stream-Pfad bei allen meinen Kameras nur als RTSP ausgegeben. Der Link, wenn ich den auf meine Daten anpasse, geht leider nicht und liefert einen Fehler. Freigegeben habe ich alle dauerhaft. Steht bei dir im Syno-Adapter auch dein Key mit "%22" davor uns dahinter?
                                          7b8a9ccf-93f8-424e-8380-6aa71cfc5d94-image.png

                                          Der folgende HTML-Code funktioniert aktuell bei mir (mit den vorgenannten Fehlern bei der Anzeige mit Versatz):

                                          http://192.168.10.10:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&version=1&method=Stream&format=mjpeg&cameraId=14&StmKey="d1a38b05df9d7a9dbf16e05658739096"
                                          

                                          Der Link beinhaltet also die Funktionen "&amp" nicht und hat auch hinten im Key keine "%22".
                                          PS: Hab den Link mit Nachgang mit &amp und mit und ohne %22 im Key auch schon ausprobiert :-/

                                          GELÖST:
                                          Der Code muss in der Tat manuell mit &amp und %22 nachbearbeitet werden...habs nun doch durch ausprobieren hinbekommen:

                                          <html style="height: 100%;"><head><meta name="E1 PRO Melina" content="width=device-width, minimum-scale=0.1"></head><body style="margin: 0px; background: #424242; height: 100%"><img style="-webkit-user-select: none;max-width: 100%;" src="http://192.168.10.10:5000/webapi/entry.cgi?api=SYNO.SurveillanceStation.Stream.VideoStreaming&amp;version=1&amp;method=Stream&amp;format=mjpeg&amp;cameraId=11&amp;StmKey=%22d11ad789a26a5259388737267a313da1%22"></body></html>
                                          

                                          UDM Pro, Intel NUC - ioBroker in Proxmox-VM, PiHole+Grafana&Influx+TasmoAdmin in LXCs, Raspberry Pi3 (als CCU), Zigbee-Stick Sonoff, Synology DS918+

                                          1 Antwort Letzte Antwort
                                          1
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          625

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe