MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    I need an explanation of how the magic mirror system works

    Scheduled Pinned Locked Moved Unsolved Feature Requests
    12 Posts 3 Posters 7.3k Views 3 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S Offline
      sdetweil @aljosie
      last edited by sdetweil

      @aljosie sure… MM is what is called a Single Page Web application. it operates just like any other web page…
      https://en.wikipedia.org/wiki/Single-page_application

      javascript, html, etc…

      Now, Mitch has done an outstanding job of designing the structure so that multiple pieces of code (modules) can be added in a structured way…

      a module has two parts…

      1. the web UI part (created web content to be injected into the web page)
      2. the integration part (connects to everything NOT UI to get/set data for the web component

      the two parts run inside the browser web page, and talk to each other via a socket connection.

      he also designed a methodology for modules to communicate with each other. Notifications

      Node and Angular are the dynamic runtime of the application, providing mechanisms to allow for long running tasks (get some api content which may take seconds) to not hang up the rest of the system

      there is no database … everything is configured in flat files…

      the web UI component of the module gets called to get its content contribution to the web page at its getDom() method…

      Mitch designed in multiple ‘areas’ of the web page… and u must target your modules content to one of those…
      top, bottom, left, right. center and more. thus you have some starting control over where your content goes.

      if u comment out all the modules, the page will be blank

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      A 2 Replies Last reply Reply Quote 0
      • A Offline
        aljosie @sdetweil
        last edited by

        @sdetweil thank you bro…

        1 Reply Last reply Reply Quote 0
        • A Offline
          aljosie @sdetweil
          last edited by

          @sdetweil no database there? thats mean magic mirror as server and client too?

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @aljosie
            last edited by

            @aljosie correct… all in one…

            you can also access the server from a remote system using the same web url address (if permitted)

            some MM implementations also have a single use mode… server only (no ui locally) or client only (no server, just access server).

            MM has all of that

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            A 1 Reply Last reply Reply Quote 0
            • A Offline
              aljosie @sdetweil
              last edited by

              @sdetweil can u give me link of module for turn on/off light with this smart mirror

              S 1 Reply Last reply Reply Quote 0
              • S Offline
                sdetweil @aljosie
                last edited by sdetweil

                @aljosie sorry… missed ‘this mirror’

                again, using what technology

                PIR (Pi Infrared sensor), camera, voice, ?
                does your monitor support electronic on/off. (mine dont)

                but did u mean room lights? again, these need to be electronically controlled…
                what technology? hue, insteon, wifi (lots of different apis there)

                Sam

                How to add modules

                learning how to use browser developers window for css changes

                A 2 Replies Last reply Reply Quote 0
                • A Offline
                  aljosie @sdetweil
                  last edited by

                  @sdetweil i’m wanna control light room (turn on/off) with voice comand and i want the comand show on the magic mirror interface, can help me?

                  1 Reply Last reply Reply Quote 0
                  • A Offline
                    aljosie @sdetweil
                    last edited by

                    @sdetweil and i want only my voice can execute the comand, and i’m using the beardboard, light indicator and relay for this project, so this project just like for home automation system controlling the light room with voice.

                    ejay-ibmE 1 Reply Last reply Reply Quote 0
                    • ejay-ibmE Offline
                      ejay-ibm Project Sponsor Module Developer @aljosie
                      last edited by ejay-ibm

                      @aljosie You need some philips hue light a philps hue bridge and then you can use MMM-Hue module and see your light status. But you need first to configure your system for google home usage. Then with Mk2 assisant you can request to turn on/ off your lights as the philps hue system is be connected to google home account that you use as well on your miror.
                      there’s few setup to make before all works. But I have this at home and it work like a charm .

                      Ejay

                      A 1 Reply Last reply Reply Quote 0
                      • A Offline
                        aljosie @ejay-ibm
                        last edited by

                        @ejay-ibm can u give me the link tutorial about that?

                        ejay-ibmE 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 1 / 2
                        • First post
                          Last post
                        Enjoying MagicMirror? Please consider a donation!
                        MagicMirror created by Michael Teeuw.
                        Forum managed by Sam, technical setup by Karsten.
                        This forum is using NodeBB as its core | Contributors
                        Contact | Privacy Policy