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.

    Remote Control doesn't work for me, Please help!

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    7 Posts 4 Posters 1.5k Views 4 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.
    • T Offline
      ttarzan
      last edited by

      @justlearning I think it’s just missing a comma in the first line. Try
      modules: ‘MMM Remote Control’,

      1 Reply Last reply Reply Quote 1
      • A Offline
        Alloc
        last edited by Alloc

        Please use the </> when posting code

        {
            module: 'MMM-Remote-Control'
            // uncomment the following line to show the URL of the remote control on the mirror
            // , position: 'bottom_left'
            // you can hide this module afterwards from the remote control itself
            config: {
                customCommand: {},  // Optional, See "Using Custom Commands" below
                customMenu: "custom_menu.json", // Optional, See "Custom Menu Items" below
                showModuleApiMenu: true, // Optional, Enable the Module Controls menu
                apiKey: "",         // Optional, See API/README.md for details
            }
        },
        

        My guess is that your problem is within point 3.

        (3) For security reasons, the MagicMirror (and therefore the Remote Control) is not reachable externally. To change this, configure address, and ipWhitelist in your config.js (see these lines in the sample config). For
        example change address to 0.0.0.0 and add two allowed devices with IP-Adresses 192.168.0.42 and 192.168.0.50:

        address : ‘0.0.0.0’,
        port: 8080,
        ipWhitelist: [“127.0.0.1”, “::ffff:127.0.0.1”, “::1”, “::ffff:192.168.0.42”, “::ffff:192.168.0.50”],"

        You can also add multiple devices in an IP range (e.g. all devices with 192.168.0.X):

        ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.0.1/120", "192.168.0.1/24"],
        
        J 1 Reply Last reply Reply Quote 1
        • J Offline
          justlearning @Alloc
          last edited by lavolp3

          @Alloc Thanks for the advice, I have now gotten to the point , its showing that the : HTTP://ip-of-your-mirror:8080/remote.html this is what I see. Here is all my code now:
          Thanks to anyone that can solve my stupidity!

          /* Magic Mirror Config Sample
           *
           * By Michael Teeuw http://michaelteeuw.nl
           * MIT Licensed.
           *
           * For more information how you can configurate this file
           * See https://github.com/MichMich/MagicMirror#configuration
           *
           */
          
          var config = {
          	//address: "localhost", // Address to listen on, can be:
          	address: "0.0.0.0",                     
          	                      // - "localhost", "127.0.0.1", "::1" to listen on loopback interface
          	                      // - another specific IPv4/6 to listen on a specific interface
          	                      // - "", "0.0.0.0", "::" to listen on any interface
          	                      // Default, when address config is left out, is "localhost"
          	port: 8080,
          	//ipWhitelist: ["127.0.0.1", "::ffff:127.0.0.1", "::1"],
          	ipWhitelist: [], // Set [] to allow all IP addresses
          	                                                       // or add a specific IPv4 of 192.168.1.5 :
          	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.1.5"],
          	                                                       // or IPv4 range of 192.168.3.0 --> 192.168.3.15 use CIDR format :
          	                                                       // ["127.0.0.1", "::ffff:127.0.0.1", "::1", "::ffff:192.168.3.0/28"],
          		
          	language: "en",
          	timeFormat: 12,
          	units: "metric",
          	// serverOnly:  true/false/"local" ,
          			     // local for armv6l processors, default 
          			     //   starts serveronly and then starts chrome browser
          			     // false, default for all  NON-armv6l devices
          			     // true, force serveronly mode, because you want to.. no UI on this device
          	
          	modules: [
          		{
          			module: "alert",
          		},
          		{
          			module: "updatenotification",
          			position: "bottom_bar"
          		},
          		{
          			module: "clock",
          			position: "top_left"
          		},
          
          				{
          			module: "calendar",
          			header: "Canadian Holidays",
          			position: "top_left",
          			config: {
          				calendars: [
          					{
          						symbol: "calendar-check",
          						url: "webcal://www.calendarlabs.com/ical-calendar/ics/39/canada_Holidays.ics"					}
          				]
          						}
          		},
          	
          	{
                  disabled: false,
                  module: 'MMM-Lunartic',
                  position: 'top_right', // Best in left, center, or right regions
                  config: {
                      mode: "rotating", // rotating or static
                      image: "animation", // animation, current, DayNight or static
                      distance: "km", // miles or km
          	    sounds: "no", // howling wolf, only on a full moon
                      useHeader: false, // true if you want a header
                      header: "The Lunartic is in my head", // Any text you want
                      maxWidth: "300px",
                      animationSpeed: 0,
                      rotateInterval: 15000,
                  }
              },
          		{
            module: "MMM-GooglePhotos",
            position: "center",
            config: {
              albumId: ["XXXXXXXXXXXXXXXXXXX"], // your album id(s) from result of `auth_and_test.js`
              refreshInterval: 1000*60,  
              scanInterval: 1000*60*10, // too many scans might cause API quota limit also.
              //note(2018-07-29). It is some weird. API documents said temporal image url would live for 1 hour, but it might be broken shorter. So, per 10 min scanning could prevent dead url.
          
              sort: "time", //'time', 'reverse', 'random'
              showWidth: "800px", // how large the photo will be shown as. (e.g;'100%' for fullscreen)
              showHeight: "600px",
              originalWidthPx: 800, // original size of loaded image. (related with image quality)
              originalHeightPx: 600, // Bigger size gives you better quality, but can give you network burden.
              opacity: 1, // target "opacity" property (https://www.w3schools.com/cssref/css3_pr_opacity.asp)
              mode: "hybrid", // "cover" or "contain" (https://www.w3schools.com/cssref/css3_pr_background-size.asp)
              //ADDED. "hybrid" : if you set as "hybrid" it will change "cover" and "contain" automatically by aspect ratio.
            }
          },
          /*
          			{
          			module: "compliments",
          			position: "lower_third"
          		},
          		* */
          			
          		{
          			module: "currentweather",
          					position: "bottom_right",
          			config: {
          				location: "Vancouver",
          				locationID: "6173331",  //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
          				appid: "XXXXXXXXXXXXXX"
          			}
          		},
          			{
          			module: "weatherforecast",
          			position: "bottom_right",
          			header: "Weather Forecast",
          			config: {
          				location: "Vancouver",
          				locationID: "6173331",  //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
          				appid: "XXXXXXXXXXXXX"
          			}
          			/*
          			    {
                  module: 'MMM-Remote-Control'
                  // uncomment the following line to show the URL of the remote control on the mirror
                   , position: 'bottom_left'
                  // you can hide this module afterwards from the remote control itself
                  config: {
                      apiKey: ''
                  }
                  *    **/    
          		},
          	{
              module: 'MMM-Remote-Control',
               //uncomment the following line to show the URL of the remote control on the mirror
               position: 'bottom_left',
              // you can hide this module afterwards from the remote control itself
          },
          
             {
            module: "MMM-NowPlayingOnSpotify",
            position: "bottom_left",
          
            config: {
              clientID: "XXXXXXXXXXXXXXXXXXXXX",
              clientSecret: "XXXXXXXXXXXXXXX",
              accessToken: "XXXXXXXXXXXXXXXXX",
              refreshToken: "XXXXXXXXXXXXX"
            }
          },
          		{
          			module: "newsfeed",
          			position: "bottom_bar",
          			config: {
          				feeds: [
          					{
          						title: "Canada News",
          						url: "https://www.ctvnews.ca/rss/ctvnews-ca-canada-public-rss-1.822284"
          					}
          				],
          				showSourceTitle: true,
          				showPublishDate: true,
          				broadcastNewsFeeds: true,
          				broadcastNewsUpdates: true
          			}
          		},
          	]
          
          };
          
          /*************** DO NOT EDIT THE LINE BELOW ***************/
          if (typeof module !== "undefined") {module.exports = config;}
          
          
          A lavolp3L 2 Replies Last reply Reply Quote 0
          • A Offline
            Alloc @justlearning
            last edited by

            @justlearning I would edit that out, because it shows all your API secrets.

            Fx. Spotify

            lavolp3L 1 Reply Last reply Reply Quote 0
            • lavolp3L Offline
              lavolp3 Module Developer @Alloc
              last edited by

              @Alloc @justlearning I have removed some sensitive information

              How to troubleshoot modules
              MMM-soccer v2, MMM-AVStock

              1 Reply Last reply Reply Quote 0
              • lavolp3L Offline
                lavolp3 Module Developer @justlearning
                last edited by lavolp3

                @justlearning said in Remote Control doesn't work for me, Please help!:

                its showing that the : HTTP://ip-of-your-mirror:8080/remote.html this is what I see.Here is all my code now:

                Thanks to anyone that can solve my stupidity!

                What is the remaining problem? What happens if you visit the site in your browser?

                How to troubleshoot modules
                MMM-soccer v2, MMM-AVStock

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • 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