• Recent
  • Tags
  • Unsolved
  • Solved
  • MagicMirror² Repository
  • Documentation
  • 3rd-Party-Modules
  • Donate
  • Discord
  • Register
  • Login
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 59.9k 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.
  • D Offline
    disakos
    last edited by Apr 14, 2017, 7:39 AM

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

    sear

    Hello @iwaldrum , may you please tell us how to add stream from IP Cameras ?
    Thanks.

    I 1 Reply Last reply Apr 14, 2017, 9:48 AM Reply Quote 0
    • I Offline
      iwaldrum @disakos
      last edited by iwaldrum Apr 14, 2017, 9:50 AM Apr 14, 2017, 9:48 AM

      @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.

      D I 2 Replies Last reply Apr 14, 2017, 9:53 AM Reply Quote 0
      • D Offline
        disakos @iwaldrum
        last edited by Apr 14, 2017, 9:53 AM

        @iwaldrum
        Thanks a lot for answer. I have some hikvision cameras and i’m able to reach RSTP stream of each one. Do you think that i’m able to put RSTP stream into iFrame directly ?

        I S 2 Replies Last reply Apr 14, 2017, 10:20 AM Reply Quote 0
        • I Offline
          iwaldrum @disakos
          last edited by Apr 14, 2017, 10:20 AM

          @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 Apr 19, 2017, 3:12 PM

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

            I 1 Reply Last reply Apr 19, 2017, 3:23 PM Reply Quote 0
            • I Offline
              iwaldrum @jasondreher
              last edited by Apr 19, 2017, 3:23 PM

              @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
              • C Offline
                cowboysdude Module Developer
                last edited by Apr 19, 2017, 10:41 PM

                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 Apr 21, 2017, 10:39 AM

                  @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 Apr 21, 2017, 5:42 PM

                    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 Apr 21, 2017, 9:40 PM Reply Quote 0
                    • C Offline
                      cohron @cohron
                      last edited by Apr 21, 2017, 9:40 PM

                      @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
                      • 1
                      • 2
                      • 3
                      • 4
                      • 5
                      • 1 / 5
                      1 / 5
                      • First post
                        9/41
                        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