• 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 61.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.
  • I Offline
    iwaldrum @cmille34
    last edited by May 12, 2017, 10:28 AM

    @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 May 23, 2017, 9:43 PM May 23, 2017, 9:39 PM

      @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 May 24, 2017, 11:42 AM Reply Quote 0
      • C Offline
        cmille34 @wbleek
        last edited by May 24, 2017, 11:42 AM

        @wbleek I achieved the cameras on my mirror pretty easily with Blue Iris. I simply made a custom .HTM file and placed it in the /modules directory of the MagicMirror then using iFrameReload i just call the /modules/custom.htm URL to load the cameras. Below is my custom.htm file I am calling in the iFrameReload module:

        
        <table>
        <tr>
        </tr><tr>
        <td>
        <img src="http://192.168.1.108:81/mjpg/BackyardCam/video.mjpg?q=25&amp;s=25" alt="BackyardCam" />
        </td>
        <td>
        <img src="http://192.168.1.108:81/mjpg/FrontDoor/video.mjpg?q=40&amp;s=40" alt="DrivewayCam" />
        </td>
        </tr>
        <tr>
        <td>
        <img src="http://192.168.1.108:81/mjpg/DriveWayCam/video.mjpg?q=25&amp;s=25" alt="FrontdoorCam" />
        </td>
        </tr>
        </table>
        
        

        In lieu of having blue iris you could possibly simply pull the mjpg streams straight from each cameras individually and slap them in the img tag. That may be a better way actually but it seems to be working fine for me through Blue Iris this way.

        Below is the code from my config.js showing how I am calling this custom HTM file:

        {
        	module: 'MMM-iFrameReload',
        	position: 'bottom_bar', // This can be any of the regions.
        		config: {
        		// See 'Configuration options' for more information.
        		url: "http://192.168.1.108:9000/modules/custom.htm",
        		width: "100%", // Optional. Default: 400px
        		height: "850px", // Optional. Default: 800px
        		scrolling:"no",
        		refreshInterval: 600, //Optional. Default: 3600 = 1 hour
        		animationSpeed: 4000,
        		}
        	},
        

        My setup is similar to the OP in terms of running the MagicMirror server on a central server and simply running fullpageos on the raspberry pi to call the magicmirror page.

        Hope this helps.

        W 1 Reply Last reply May 26, 2017, 8:08 AM Reply Quote 2
        • P Offline
          pepemujica
          last edited by May 24, 2017, 11:45 AM

          Hi! Looks awesome! Congrats!
          Do you have any photo from the sides and/or back?

          I 1 Reply Last reply May 31, 2017, 9:19 AM Reply Quote 0
          • W Offline
            wbleek @cmille34
            last edited by May 26, 2017, 8:08 AM

            @cmille34 Hey, thanks for your answer. I appreciate that. My NVR only provides still JPEGs or RTSP for pictures. If I use JPEGs I have to reload them in a 200ms interval to achieve acceptable motion.

            At this point, I have tried the following:

            1. uses MMM-iFrame
            • do the reload via embedded HTML meta-tag
            • strong flickers (approx. half of the time blank)
            • works, but not visually accaptable
            • does not scale due to the flickering
            1. use MMM-iFrame
            • do the reload via embedded Java-Script function
            • almost no flicker, almost fluid motion
            • works for 30-60 minutes, then the module stops
            • does not scale since it stops earlier with more modules
            1. use oxmplayer as an overlay
            • needs '–avdict rtsp_transport:tcp ’ switches to work without banding
            • rtsp with 640x360 works with 30fps
            • tested to concurrent streams

            I am happy with the omxplayer solution even though it is not integrated in the MagicMirror. But for the user it looks integrated and it delivery a very good video quality.

            Cheers
            wolf

            1 Reply Last reply Reply Quote 2
            • J Offline
              Jayh391
              last edited by May 30, 2017, 7:00 PM

              I would like to know how you brought your Homeseer info in?

              Jay

              I 1 Reply Last reply May 31, 2017, 9:29 AM Reply Quote 1
              • Z Offline
                zdenek @iwaldrum
                last edited by May 31, 2017, 4:53 AM

                @iwaldrum MMM-SimpleLogo - pulls updated radar image from wundergound - can u plz share details? What´s exactly in the config?

                thanks, Zdeněk

                I 1 Reply Last reply May 31, 2017, 9:45 AM Reply Quote 1
                • I Offline
                  iwaldrum @pepemujica
                  last edited by May 31, 2017, 9:19 AM

                  @pepemujica

                  Here are some additional pics… The back isn’t the prettiest, but it does the job. Used painters tape, L brackets and velcro to keep everything in place.
                  0_1496222337049_IMG_1961.JPG 0_1496222343783_IMG_2065.JPG 0_1496222351990_IMG_2788.JPG 0_1496222360052_IMG_2866.JPG 0_1496222364276_IMG_2867.JPG

                  1 Reply Last reply Reply Quote 0
                  • I Offline
                    iwaldrum @Jayh391
                    last edited by May 31, 2017, 9:29 AM

                    @Jayh391

                    I used the MMM-Rest module to pull the device data via the rest api in Homeseer. Here is the section in my config file. Still work in progress…

                    		module: 'MMM-Rest',
                    		header: 'House Status',
                    		position: 'top_right',	// This can be any of the regions.
                    									// Best results in one of the side regions like: top_left
                            config: {
                                    debug: false,
                                    mappings: {
                                        on_off: {
                                            true: 'on',
                                            false: 'off',
                                        },
                                        temperature: {
                                            1: 'cold',
                                            2: 'warm',
                                            3: 'HOT',
                                        },
                                    },
                                    sections: [
                                    {
                                        format: '%d',
                                        url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=108¶m2=value',
                                    },
                                    {
                                        format: '%df',
                                        url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=103¶m2=value',
                                    },
                                    {
                                        format: '%d',
                                        url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=128¶m2=value',
                                    },
                                    {
                                        format: '%df',
                                        url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=187¶m2=value',
                                    },
                                    {
                                        format: '%d',
                                        url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=118¶m2=value',
                                    },
                                    {
                                        format: '%df',
                                        url: 'http://http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=113¶m2=value',
                                    },
                                    {
                                        format: '%df',
                                        url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=92¶m2=value',
                                    },
                                    {
                                        format: '%s',
                                        mapping: 'temperature',
                    		    url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=137¶m2=value',
                                    },
                                    {
                                        format: '%d',
                                        url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=108¶m2=value',
                                    },
                                    {
                                        format: 'Lights %s',
                                        mapping: 'on_off',
                                        url: 'http://yourURLhere:port/HomeSeer_REST_API.aspx?function=getdevicestatusvaluebyid¶m1=108¶m2=value',
                                    },
                                ],
                                output: [
                                    ['<b>Location:</b>',,'<b>Temp:</b>'],
                                    ['Family Room',,'@2'],
                                    ['Living Room','@6'],
                                    ['Upstairs','@4'],
                                    ['Garage','@7'],
                                ],
                    	    },
                    	},
                    
                    J 1 Reply Last reply May 31, 2017, 12:34 PM Reply Quote 0
                    • I Offline
                      iwaldrum @zdenek
                      last edited by iwaldrum May 31, 2017, 9:58 AM May 31, 2017, 9:45 AM

                      @zdenek

                      I used wunderground.com to create the animated radar image and MMM-SimpleLogo to display it.

                      Create your custom image at https://www.wunderground.com/weather-radar - looks like US, Canda & Australia only. Once created, copy the URL and place it in the MMM-SimpleLogo module.

                      Wunderground updates the radar image every 10-20 minutes. Since I’m using FullpageOS as my mm frontend I have the page refresh every 30 minutes which then pulls an updated image.

                          {
                              module: 'MMM-SimpleLogo',
                              position: 'top_right',    // This can be any of the regions.
                              config: {
                      		fileUrl: "https://radblast.wunderground.com/cgi-bin/radar/WUNIDS_map?station=DIX&brand=wui&num=1&delay=15&type=N0R&frame=0&scale=1.000&noclutter=0&showstorms=0&mapx=400&mapy=240¢erx=400¢ery=240&transx=0&transy=0&showlabels=1&severe=0&rainsnow=0&lightning=0&smooth=0&rand=24937062&lat=40.75000000&lon=-74.00000000&label=New+York%2C+NY",
                      		width: "400px",
                      		position: "center",
                             }
                          },
                      
                      C Z 2 Replies Last reply May 31, 2017, 10:28 AM 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