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.
    • 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
                                          • sigi234
                                            sigi234 Forum Testing Most Active @Guest last edited by

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

                                            War anscheinend nicht mal einen dummen Kommentar wert 😖

                                            Welche Uhrzeit?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            525
                                            Online

                                            31.6k
                                            Users

                                            79.5k
                                            Topics

                                            1.3m
                                            Posts

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