Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. [Showcase] Jarvis - just another remarkable vis

    NEWS

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    [Showcase] Jarvis - just another remarkable vis

    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      Jason last edited by

      @Zefau wie funktioniert das mit dem "stop" taster bei den Jalousien? Ich bekomme es nicht hin! 😞

      Stephan Schleich 1 Reply Last reply Reply Quote 0
      • Stephan Schleich
        Stephan Schleich @Jason last edited by

        @all Das ist primär ein Thread zum zeigen eurer Jarvis VIS, bitte haltet euch mit Fragen, Probleme wie z.B. wie funktionieren die Schalter für Jalousien etc. zurück, dafür gibt's den offiziellen Thread siehe erster Post.

        1 Reply Last reply Reply Quote 2
        • SWE1008
          SWE1008 @Zefau last edited by

          @zefau

          Ich habe das Design mal ausprobiert. Allerdings sieht es so aus wenn ich die TopApp Bar in den Einstellungen ausschalte:
          D98AE663-ABCF-4C09-A4F7-EA7BD67B7051.jpeg
          Hast du ein Tip wie ich das rechts noch mit einheitlich bekomme?

          A 1 Reply Last reply Reply Quote 0
          • W
            WW1983 last edited by

            Wollte mal meinen aktuellen Stand zeigen. Vielleicht hat jemand noch gestalterische Anregungen:

            Screenshot 2021-02-12 121146.png

            Screenshot 2021-02-12 121212.png

            Screenshot 2021-02-12 121237.png

            Screenshot 2021-02-12 121250.png

            Screenshot 2021-02-12 121306.png

            Screenshot 2021-02-12 121335.png

            Screenshot 2021-02-12 121347.png

            Screenshot 2021-02-12 121400.png

            Screenshot 2021-02-12 121412.png

            Screenshot 2021-02-12 121431.png

            D M O 3 Replies Last reply Reply Quote 2
            • D
              DarkDevil @WW1983 last edited by

              @ww1983 wie hast du die Map vom Roborock da rein bekommen?

              W 1 Reply Last reply Reply Quote 0
              • W
                WW1983 @DarkDevil last edited by WW1983

                @darkdevil hier sind meine Einstellungen:

                IoBroker
                Screenshot 2021-02-12 133728.png

                Jarvis
                Screenshot 2021-02-12 133750.png

                Und im Layout dann über CutomHTML ausgegeben.

                D 1 Reply Last reply Reply Quote 0
                • D
                  DarkDevil @WW1983 last edited by

                  @ww1983 sehr cool, danke dir. Werde es testen 👍

                  W 1 Reply Last reply Reply Quote 1
                  • W
                    WW1983 @DarkDevil last edited by

                    @darkdevil gerne!

                    D 1 Reply Last reply Reply Quote 0
                    • R
                      Robbi12 last edited by

                      Hallo, habe gerade keine Idee wie ich es umsetze.

                      Was möchte ich: Meine Rauch bzw. Co Melder sollen bei Alarmauslösung was gutes anzeigen. Also vielleicht ganzer Bildschirm rot blinken mit Alarm oder so ähnlich.

                      Oder mit der Benachrichtigung.

                      Gerade ein wenig planlos wie?

                      Hat vielleicht jemand so was?

                      1 Reply Last reply Reply Quote 0
                      • D
                        DarkDevil @WW1983 last edited by

                        @ww1983 klappt "perfekt".
                        Hast du eine Idee, wie ich eine maps (habe 2 Roborocks im Einsatz) drehen kann? Also die ganze Karte um 90°?

                        W sigi234 2 Replies Last reply Reply Quote 0
                        • W
                          WW1983 @DarkDevil last edited by

                          @darkdevil nein sorry. Leider nicht.

                          1 Reply Last reply Reply Quote 0
                          • sigi234
                            sigi234 Forum Testing Most Active @DarkDevil last edited by sigi234

                            @darkdevil sagte in [Showcase] Jarvis - just another remarkable vis:

                            @ww1983 klappt "perfekt".
                            Hast du eine Idee, wie ich eine maps (habe 2 Roborocks im Einsatz) drehen kann? Also die ganze Karte um 90°?

                            Unter CSS Allgemein bei transform:(Erst in der Runtime sichtbar!)

                            rotate(90deg)
                            

                            Wo das in Jarvis reingehört , das müsste @Zefau wissen

                            1 Reply Last reply Reply Quote 0
                            • S
                              sebojung @Zefau last edited by

                              Hallo zusammen,

                              ich hab jetzt schon einiges versucht, um die Widgets transparent zu bekommen. Leider bleibt bei mir alles unberührt, außer der Hintergrund. Benutze den selben Code wie @Zefau, in der aktuellen stable-Version von iobroker. Hat noch irgendjemand eine Idee? Ich möchte doch nur transparente Widgets haben^^

                              LG

                              @zefau said in [Showcase] Jarvis - just another remarkable vis:

                              halbtransparentes Design 🙂

                              b8426433-04d3-439e-b6dd-9fec2e5febbe-image.png

                              CSS:

                              body {
                                background-color: #0cbaba;
                                background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
                              }
                              
                              .jarvis-AppBar {background: none}
                              
                              .jarvis-Toolbar, .jarvis-Tabs, .jarvis-Widget {
                                background-color: rgba(255,255,255,0.2)
                              }
                              
                              .jarvis-Tabs {
                                border-bottom: 0;
                              }
                              
                              S 1 Reply Last reply Reply Quote 1
                              • S
                                sebojung @sebojung last edited by

                                @sebojung Ok, Problem gelöst. Die Stable 2.1 in iobroker hat es nicht gekonnt. Über Github direkt die 2.2 hat es direkt geschafft 🙂

                                1 Reply Last reply Reply Quote 0
                                • the-masterplan
                                  the-masterplan last edited by

                                  Ich habe nun endlich auch mal ein paar Tabs fertig 😎
                                  Macht schon Spaß wie einfach und intuitiv das alles so geht. Nur für Sonos musste ich noch etwas in VIS basteln.

                                  Übersicht.png Screenshot 2021-03-21 235405.png Screenshot 2021-03-21 234917.png Musik.png Licht.png

                                  H S A 3 Replies Last reply Reply Quote 2
                                  • H
                                    Hansi1234 @the-masterplan last edited by

                                    @maximilian-garbe Gefällt mir sehr gut. Kannst du erklären, wie du deine Buttons unter deinen Kameras verwendest? Wie ich erkennen kann, machst du einmal das Bild größer und einmal ein externes Fenster auf?

                                    the-masterplan 1 Reply Last reply Reply Quote 0
                                    • the-masterplan
                                      the-masterplan @Hansi1234 last edited by

                                      @hansi1234

                                      Ich verwende zur Einbindung ein Custom-HTML Widget. Habe den stream dann über video.js (LINK zu GitHub) laufen. Der linke Button macht eine frei platzierbare rahmenlose Pop-Up-Ansicht auf und der rechte Button ist für Vollbild. Das sind aber bereits integrierte Buttons des video.js players. Funktioniert mit Jarvis einwandfrei.

                                      H 1 Reply Last reply Reply Quote 0
                                      • H
                                        Hansi1234 @the-masterplan last edited by

                                        @maximilian-garbe das klingt sehr interessant. Der Aufwand hält sich in Grenzen? Ich hoffe ja, dass es bald ein Standardmodul in Jarvis für so etwas gibt. Aber bis dahin könnte ich das ggf. nutzen

                                        the-masterplan 1 Reply Last reply Reply Quote 0
                                        • the-masterplan
                                          the-masterplan @Hansi1234 last edited by the-masterplan

                                          @hansi1234

                                          Einfach einen Zeichenketten-Datenpunkt anlegen und folgenden Code verwenden:

                                          <html>
                                          <head>
                                          <meta charset=utf-8 />
                                          <title>Your title</title>
                                            <link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
                                            <script src="https://unpkg.com/video.js/dist/video.js"></script>
                                            <script src="https://unpkg.com/@videojs/http-streaming/dist/videojs-http-streaming.js"></script>
                                             
                                          </head>
                                          <body>
                                            <video height="500" id="Hier_Beliebige_Bezeichnung_eintragen" class="video-js vjs-fluid vjs-default-skin" controls preload="auto"
                                            data-setup='{}'>
                                              <source src="Hier_Link_vom_Stream_eintragen" type="application/x-mpegURL">
                                            </video>
                                            
                                          <script>
                                          var player = videojs('my_video_1');
                                          player.play();
                                          </script>
                                            
                                          </body>
                                          </html>
                                          

                                          Dort dann unter src und id die EInträge anpassen und im Custom-HTML Widget in Jarvis den Datenpunkt auswählen. Ist fix gemacht.

                                          Bei mir sind es Netatmo-Kameras, die einen m3u8-Stream haben. Müsstest halt gucken, ob das dann auch mit deinen Kameras und dem von diesen verwendeten Format funktioniert.

                                          1 Reply Last reply Reply Quote 1
                                          • ?
                                            A Former User last edited by

                                            Hallo Zusammen,

                                            ich suche jetzt schon eine ganze Weile ich schwör ich habe nix gefunden 😉 Ich möchte einfach nur das Wort Uhr hinter meiner Uhrzeit. Das es irgendwie geht weiß ich schon gesehen...aber wie?

                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            859
                                            Online

                                            31.7k
                                            Users

                                            79.8k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            81
                                            453
                                            97993
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo