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.
    • 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
                                          • ?
                                            A Former User last edited by

                                            War anscheinend nicht mal einen dummen Kommentar wert 😖

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            840
                                            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