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.
    • Zefau
      Zefau @Robbi12 last edited by

      @robbi12 geht aktuell nicht. Mach gerne einen Feature request auf Github auf

      1 Reply Last reply Reply Quote 0
      • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.1k
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            81
                                            453
                                            95027
                                            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