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. 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.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

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

Scheduled Pinned Locked Moved Tester
appdark-modeiqontrolresponsivevisvisualisierungvisualizationwidget
7.6k Posts 296 Posters 7.0m Views 201 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.
  • 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
    wrote on last edited by
    #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 Reply Last reply
    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
      wrote on last edited by 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 Reply Last reply
      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
        wrote on last edited by
        #7265

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

        J 1 Reply Last reply
        0
        • F fir3drag0n

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

          J Offline
          J Offline
          J.M
          wrote on last edited by
          #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 Reply Last reply
          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
            wrote on last edited by
            #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 Reply Last reply
            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
              wrote on last edited by
              #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 Reply Last reply
              0
              • D Offline
                D Offline
                DarkDevil
                wrote on last edited by
                #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 Reply Last reply
                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 Online
                  da_WoodyD Online
                  da_Woody
                  wrote on last edited by
                  #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 Reply Last reply
                  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
                    wrote on last edited by
                    #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 Reply Last reply
                    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 Online
                      da_WoodyD Online
                      da_Woody
                      wrote on last edited by
                      #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 Reply Last reply
                      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
                        wrote on last edited by
                        #7273

                        @da_woody

                        ist beim Apfel auch so

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

                        1 Reply Last reply
                        1
                        • D Offline
                          D Offline
                          DocGame
                          wrote on last edited by
                          #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 Reply Last reply
                          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
                            wrote on last edited by
                            #7275

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

                            1 Reply Last reply
                            0
                            • K Offline
                              K Offline
                              Kueppert
                              wrote on last edited by
                              #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 Reply Last reply
                              1
                              • K Offline
                                K Offline
                                Kueppert
                                wrote on last edited by 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 Reply Last reply
                                0
                                • dslraserD Offline
                                  dslraserD Offline
                                  dslraser
                                  Forum Testing Most Active
                                  wrote on last edited by 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 Reply Last reply
                                  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
                                    wrote on last edited by 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 Reply Last reply
                                    1
                                    • A Offline
                                      A Offline
                                      astrakid
                                      wrote on last edited by astrakid
                                      #7280

                                      ich habe nun eine alexa-einkaufsliste in iqontrol eingebunden - klappt soweit, inklusive button, der einträge löscht (wird vom entwickler so in der tabelle bereitgestellt). wie kann ich diesen butto (javascript) in iqontrol ausführbar machen?

                                      die einkaufsliste ist als widget eingebunden.

                                      s.bormannS 1 Reply Last reply
                                      0
                                      • C cb187

                                        @da_woody Super danke für den Tip.Jetzt klappt's👍

                                        A Offline
                                        A Offline
                                        arnold
                                        wrote on last edited by
                                        #7281

                                        @cb187 Hallo
                                        kann nicht weiter kommen .Welchen Tip ?,was hast du noch konfiguriert?
                                        muss man was am link ändern ?
                                        .................:3000/d/k5EQ1GWgk/solar-600?orgId=1&refresh=10s&theme=dark

                                        (im zeit im 2 Stunden video vom @Dutchman https://www.youtube.com/watch?v=VXfpds4Rtqc)

                                        da_WoodyD 1 Reply Last reply
                                        0
                                        • A arnold

                                          @cb187 Hallo
                                          kann nicht weiter kommen .Welchen Tip ?,was hast du noch konfiguriert?
                                          muss man was am link ändern ?
                                          .................:3000/d/k5EQ1GWgk/solar-600?orgId=1&refresh=10s&theme=dark

                                          (im zeit im 2 Stunden video vom @Dutchman https://www.youtube.com/watch?v=VXfpds4Rtqc)

                                          da_WoodyD Online
                                          da_WoodyD Online
                                          da_Woody
                                          wrote on last edited by
                                          #7282

                                          @arnold sorry, geht das auch in verständlich?
                                          abgesehn gehört das in den support tread, nicht in den entwickler...

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

                                          A 2 Replies 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

                                          698

                                          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