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

                                    @sigi234 Diese Uhrzeit zB...nur das Wort Uhr dahinter

                                    Uhrzeit.PNG

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

                                      Ich bin doch hier richtig? Beim Jarvis Adapter?

                                      the-masterplan A 2 Replies Last reply Reply Quote 0
                                      • the-masterplan
                                        the-masterplan @Guest last edited by

                                        @noah3112
                                        https://forum.iobroker.net/topic/30668/jarvis-v2-2-0-just-another-remarkable-vis

                                        1 Reply Last reply Reply Quote 0
                                        • A
                                          Ash2k @Guest last edited by

                                          @noah3112

                                          einfach ein 'Uhr' dahinter:

                                          d. MMMM yyyy HH:mm:ss 'Uhr'
                                          
                                          ? 1 Reply Last reply Reply Quote 0
                                          • ?
                                            A Former User @Ash2k last edited by

                                            @ash2k Oh man manchmal ist es so einfach...sorry für die Frage und danke es funktioniert 👍

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            850
                                            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