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.

    27" custom framed magic mirror - fun to get done

    Scheduled Pinned Locked Moved Show your Mirror
    41 Posts 13 Posters 64.7k Views 17 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.
    • I Offline
      iwaldrum @disakos
      last edited by

      @disakos
      The challenge is you’ll need some sort of media plugin to view the rstp stream. It will need to run at the end point - MM. Something like vlc or quicktime which I’m not sure can be done. You may be able to use something like https://ipcamlive.com to pull your rstp stream through their service.

      1 Reply Last reply Reply Quote 0
      • J Offline
        jasondreher
        last edited by

        Excellent, great job! Can you share your css file, I like the days a different color in the forecast.

        I 1 Reply Last reply Reply Quote 0
        • I Offline
          iwaldrum @jasondreher
          last edited by

          @jasondreher

          Here is the section in my custom.css file for the MMM-WunderGround module.

          /*	MMM-Weatherunderground     */
          }
          
          .region.top.right .MMM-WunderGround table th {
            display: none; /* removes icons above max-temp, min-temp and % chance of rain */
          }
          
          .MMM-WunderGround .max-temp {
            color: #f66;
          }
          
          .MMM-WunderGround .min-temp {
            color: #0ff;
          }
          
          .MMM-WunderGround .weather-icon {
            color: #f93;
          }
          
          .MMM-WunderGround .day {
            color: #6f6;
          }
          
          .region.top.center .MMM-WunderGround table.small,   /* selector for ONLY current weather Thanks to Strawberry-3.141 */
          .region.top.right .MMM-WunderGround table:not(.small),   /* selector for ONLY weather forecast */
          .region.top.right .MMM-WunderGround table.small td:nth-child(6)  {
            display: none;    /* this line and line above selector for NO rain amount column */
          }
          
          1 Reply Last reply Reply Quote 0
          • cowboysdudeC Offline
            cowboysdude Module Developer
            last edited by

            I’d be interested in how you hooked your security cameras to it…

            1 Reply Last reply Reply Quote 0
            • I Offline
              iwaldrum @iwaldrum
              last edited by

              @cowboysdude

              This is how I integrated my security cameras. If you have any questions or want more details let me know.

              @iwaldrum said in 27" custom framed magic mirror - fun to get done:

              @disakos

              I’m using a program called Netcam Studio on the same pc that I’m running MM in serveronly mode. Netcam Studio allows you to connect to multiple types of cameras, either local or IP based. I’m using it to connect my q-see surveillance system using RSTP connections, as well as several Foscam and PC connected cams.

              Once the cameras are connected to netcamstudio, you can then generate a secure token based url for each one. I then took each url and placed them into a single html file and put it on a webserver (same pc). Using the iFrame module I pointed to the html file to display it on my MM. You’ll need to play with the positioning and sizing of the iframe, as well as the webpage layout and image sizes in the html.

              I typically get 5-10 fps for each camera. Depending on the # of cameras you will be displaying and the type of system your running MM on will drive the performance of the playback.

              I know the setup is a little complex, but I felt it was the best way to get a flexible, integrated look that performed the best.

              Let me know if you have any questions.

              1 Reply Last reply Reply Quote 1
              • C Offline
                cohron
                last edited by

                I cant find the little weather icons. Temp hi and lo and the umbrella.

                0_1492796477309_upload-210cadc3-e54f-425e-94b6-0466ae88aa00

                C 1 Reply Last reply Reply Quote 0
                • C Offline
                  cohron @cohron
                  last edited by

                  @cohron nevermind im a dummy, copied the custom.css without really reading it:

                  .region.top.right .MMM-WunderGround table th {
                  display: none; /* removes icons above max-temp, min-temp and % chance of rain */
                  }

                  1 Reply Last reply Reply Quote 3
                  • C Offline
                    cmille34
                    last edited by

                    This mirror looks great! It’s been the inspiration to take a stab at making one as well. I like the idea of running MM on an existing windows server I have in the house and just rely on the Pi3 to load the webpage.

                    With your mirror do you turn off the screen when no motion is detected or does it display everything constantly? If you do turn off the screen, how are you triggering it on and off? I see there are PIR modules for MM but since you’ve made the decision to simply view the MM page remotely, I was wondering if you had some way to turn off the screen?

                    Thanks for taking the time to detail this out!

                    I 1 Reply Last reply Reply Quote 0
                    • I Offline
                      iwaldrum @cmille34
                      last edited by

                      @cmille34

                      Glad I could inspire you. I do like running it centrally. Since I made this one, I’ve setup another one in my son’s room. Different size screen and content. .All I had to do is run another instance on my server - copy and paste folder and change the config file to my liking… done…

                      0_1494584759279_mm-johns.JPG

                      I do not turn my screen off. It’s on my todo list… To your point, it might be a little trick to do so since MM isn’t running locally. We’ll need to find an external solution to do so that works on fullpageOS or whatever platform you are running at the endpoint. If I find something Ill post…

                      1 Reply Last reply Reply Quote 3
                      • W Offline
                        wbleek @iwaldrum
                        last edited by wbleek

                        @iwaldrum your project looks great! It is almost the module configuration I am also aiming for. Could you share how you integrated the surveillance cameras (iframe code)? I have trouble integrating mine. They offer rtsp and also jpegs that you can pull via http request. Which seems to be very similar to your setup. I would be interested in how you used the iframes to do it. Did you simply put the token-url in the iFrame-Module? How did you handle the refresh? Maybe you could share some code.
                        Thanks very much
                        Wolf

                        C 1 Reply Last reply Reply Quote 0
                        • 1
                        • 2
                        • 3
                        • 4
                        • 5
                        • 2 / 5
                        • 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