Kann man eine App in VIS einbauen?

[derrapf]

Mal ne blöde Frage von einem Ahnungslosen:
Wäre es möglich, dass man aus VIS eine Android App startet und diese quasi wie in einem IFrame in Vis direkt laufen lässt? Also im Prinzip wie bei einem Active-X Plugin unter WIndows.
Ich würde dann zum Steuern der HiFi Anlage die entsprechende Steuer App in VIS einbinden wollen.
Geht sowas?
Wahrscheinlich nicht oder?
Gruss Ralf

[crunchip]

@derrapf für spotify kenne/habe ich sowas, gibt irgendwo nen Thread dazu, finde ihn aber grad nicht
ein html widget, damit wird spotify direkt aufgerufen
Vorraussetzung ist allerdings, das der Fully Browser genutzt wird

html:

<span onclick="vis.setValue('fully-tablet-control.0.device.hd10firewz.commands.startApplication', 'com.spotify.music')">xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx</span>

[derrapf]

@crunchip sagte in Kann man eine App in VIS einbauen?:

<span onclick="vis.setValue('fully-tablet-control.0.device.hd10firewz.commands.startApplication', 'com.spotify.music')">xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx xxxxxxx</span>

Danke. So wie oben mit dem html Widget geht es nicht (also bei mir). Aber wenn ich es wie im verlinkten Thread mache, dann funktioniert es.
Zwar nicht inplace,aber das ist egal. Das ist echt super.

Danke

Gruss Ralf

[derrapf]

@derrapf
Nee, das Widget geht doch. War mein Fehler.
Ich habe zwei Tablets und hatte das Falsche gewählt.

Und da kommt auch gleich mein nächstes Problem:
Wie sorge ich dafür, dass der Button auf beiden Tablets funktioniert?
Ich müsste in dem Ausdruck

<span onclick="vis.setValue('fullybrowser.0.192_168_111_79.Commands.startApplication', 'com.dmholdings.denonremoteapp')">DENON REMOTE</span> 

oder auch im Java-Script

zwischen "fullybrowser.0" und .Commands dynamisch die richtige IP bzw. den Namen des Tablets einsetzen.

Gruss Ralf

[crunchip]

@derrapf ich nutze nicht den fullybrowser, bei mir läuft fully-tablet-control
bleibt unterm Stich aber das Gleiche, weil sich der Link auf ein Device bezieht

keine Ahnung wie man das Lösen könnte, eventuell ne separate View beim zweiten Tablet

[liv-in-sky]

@derrapf
Geht evtl mit einem dp, den du setzt, indem du das Gerät auswählst. Z.b selectlist widget

Dann ein Script, welches den Widget Inhalt erzeugt/setzt - im HTML Widget selbst nutzt du ein Binding des neuen Datenpunktes

Du schreibst den Inhalt des HTML Widgets in einem dp und das Binding macht den rest

Einen Werteliste dp für die Auswahl
Einen String dp , dessen Inhalt anhand der Werteliste geschrieben wird

[liv-in-sky]

@derrapf sagte in Kann man eine App in VIS einbauen?:

<span onclick="vis.setValue('fullybrowser.0.192_168_111_79.Commands.startApplication', 'com.dmholdings.denonremoteapp')">DENON REMOTE</span>

mit einem widget von inventwo geht das ohne script - direkt eintragen

Spoiler

[{"tpl":"i-vis-radiobutton-list","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","iRadiobtnWidth":"82","iRadiobtnHeight":"34","iRadiobtnSpace":"5","iRadiobtnAlign":"horizontal","iRadiobtnsCount":"2","iImgColorFalse1":"","iImgColorTrue1":"","iButtonCol":"#000000","iButtonActive":"#5b6567","iOpacityBack":"1","iCornerRadiusUL":"0","iCornerRadiusUR":"0","iCornerRadiusLR":"12","iCornerRadiusLL":"0","iContentFlexDirection":"horizontal","iContentVertAlign":"iStart","iContentOrder":"orderImgText","iOpacityCtn":"1","iTextColor":"white","iTextSize":"11","iTextAlign":"iStart","iTextSpaceTop":"0","iTextSpaceBottom":"0","iTextSpaceLeft":"0","iTextSpaceRight":"0","iIconSize":"0","iImgAlign":"iStart","iImgRotation":"0","iImgSpaceTop":"0","iImgSpaceBottom":"0","iImgSpaceLeft":"0","iImgSpaceRight":"0","iShadowXOffset":"2","iShadowYOffset":"2","iShadowBlur":"0","iShadowSpread":"0","iShadowColor":"#ee203c","iShadowColorActive":"#ee203c","iShadowInnerXOffset":"0","iShadowInnerYOffset":"0","iShadowInnerBlur":"0","iShadowInnerSpread":"0","iShadowInnerColor":"#111111","iShadowInnerColorActive":"#111111","iBorderSize":"0","iBorderStyle":"none","iBorderColor":"#ffffff","iBorderColorActive":"#ffffff","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"iImgColorFalse2":"","iImgColorTrue2":"","oid":"0_userdata.0.CONTROL-OWN.AAATEST.TestString3","iTextFalse1":"DEV 1","iTextTrue1":"DEV 1","iTextFalse2":"DEV 2","iTextTrue2":"DEV 2","iButtonBackM2":"","iButtonBackActiveM2":"","iButtonBackActiveM1":"","iButtonBackM1":"","iValue2":"<span onclick=\"vis.setValue('fullybrowser.0.192_168_111_79.Commands.startApplication', 'com.dmholdings.denonremoteapp')\">DENON2 REMOTE<br>2222222222</span> ","iValue1":"<span onclick=\"vis.setValue('fullybrowser.0.192_168_111_79.Commands.startApplication', 'com.dmholdings.denonremoteapp')\">DENON1 REMOTE<br>111111111</span> ","iButtonColHover":"#a36c6c","iImgColorFalse3":"","iImgColorTrue3":"","iTextFalse3":"PAUSE","iTextTrue3":"PAUSE","iValue3":"2","iImgColorFalse4":"","iImgColorTrue4":"","iImgColorFalse5":"","iImgColorTrue5":"","iImgColorFalse6":"","iImgColorTrue6":"","iTextFalse4":"LOAD","iTextTrue4":"LOAD","iValue4":"5","iValue5":"4","iTextFalse5":"BEGINN","iTextTrue5":"BEGINN","iTextFalse6":"VOR30","iTextTrue6":"VOR30","iValue6":"11","iImgColorFalse7":"","iImgColorTrue7":"","iTextFalse7":"VOR120","iTextTrue7":"VOR120","iValue7":"12"},"style":{"left":"859px","top":"599px","width":"112px","height":"41px","font-family":"Verdana, Geneva, sans-serif","z-index":"2"},"widgetSet":"vis-inventwo"},{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":true,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"{0_userdata.0.CONTROL-OWN.AAATEST.TestString3}"},"style":{"left":"847px","top":"655px","color":"#ffffff"},"widgetSet":"basic"}]

ps: evtl brauchst du das html widget nicht - du kannst sofort die zu öffnende app ins widget eintragen

[liv-in-sky]

@derrapf

was auch noch ginge: ein jQuery script mit abfrage der vis instance - damit kannst du den browser unterscheiden. je nach browser wird dann eine andere ip eingetragen

dabei braucht es kein auswahlwidget mehr

hier ein filmchen mit 2 tablets - selbe view - unterschiedliche apps werden geöffnet

20211103_135700 (1).mp4

das script ist nicht fertig - da ist ein timeout drin - das muss anders gelöst werden
wird in script tab im vis editor eingesetzt - das muss aber auch für dich angeglichen werden - vis-instance id' und die widget id's

 setTimeout(function () {

 console.log(vis.instance);
 var woBinIch=vis.instance;
/* TREKSTORE13*/
 if(woBinIch=="09.60f3e"){
      
       $( "div#w00023" ).contents().find( "span" ).attr({"onclick":"vis.setValue('fullybrowser.0.192_168_178_29.Commands.startApplication', 'com.android.browser')"});
   
 }
 /* GALAXY*/
  if(woBinIch=="b9.1846b"){
        $( "div#w00023" ).contents().find( "span" ).attr({"onclick":"vis.setValue('fullybrowser.0.192_168_178_44.Commands.startApplication', 'com.wooga.jelly_splash')"});
  
 }
  /* CHROME-PC*/
   if(woBinIch=="1a.c6ce7"){
    $( "#w00030" ).text( 'MusicFolderPlayer Test1');
    console.log($( "div#w00023" ).contents().find( "span" ).text())
   /*  $( "div#w00023" ).contents().find( "span" ).attr({"onclick":`vis.setValue('fullybrowser.0.192_168_178_29.Commands.startApplication', 'com.android.browser')`});*/
      $( "#w00023" ).text( 'CHROME PC');
  
 }
 
} , 10000);

[derrapf]

@liv-in-sky
Sorry, dass ich jetzt erst antworte, aber ich habe keine Mail bekommen, dass in dem Thread noch Antworten waren und so ging das verschütt.
Ich habe das jetzt pragmatisch dadurch gelöst, dass ich die App einfach bei Tastendruck auf allen Tabs öffne. Ist ja im Grunde egal, ich steh' ja nur vor einem.
Deine Lösung würde ich gerne ausprobieren.
Ich hab nur den Satz nicht verstanden "ein jQuery script mit abfrage der vis instance"
Was ist ein jQuery Script und wie schfeibt man das? Oder anders: Wo bekomme ich diese vis-Instanz her?

Gruss Ralf

[liv-in-sky]

@derrapf

das ist lange her - mittlerweile weiß ich, dass sich die browser instance ändern kann - z.b. wenn du den cache löscht

daher wird mittlerweile mit dem port des web adapters gearbeitet. es werden für jedes tablet eine eigene web adapter instanz mit verschiedenen port einstellungen erstellt und dann wird der port in der vis ermittelt und reagiert

siehe beispiel: https://forum.iobroker.net/post/735179

mit jquery (ist in der vis implementiert) kann man alle objecte in einer html seite lesen und ändern

$( "div#w00023" ).contents().find( "span" ).attr({"onclick":"vis.setValue('fullybrowser.0.192_168_178_44.Commands.startApplication', 'com.wooga.jelly_splash')"});

findet in dem widget #w00023 den content span und ändert das attribut setting wenn es angeklickt wird

[Hansi1234]

Ihr könnt euch auch noch die App Automagic ansehen. Hier kann man auch links erstellen, die eine App öffnen soll