MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    1. Home
    2. justjim1220
    3. Posts
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.
    Offline
    • Profile
    • Following 7
    • Followers 5
    • Topics 35
    • Posts 649
    • Groups 1

    Posts

    Recent Best Controversial
    • RE: cant stream 1 HikVision cam

      @tv25666

      check the port settings in your config.js file, I think it’s usually set to 8080

      posted in Troubleshooting
      justjim1220J
      justjim1220
    • RE: Error Installing Dependencies Permission Denied

      @buckgup

      I really don’t know, was just a suggestion…

      not quite understanding why its telling you permission denied…

      what command did you use?

      git clone https://github.com/MichMich/MagicMirror.git

      then… npm install ?

      posted in Troubleshooting
      justjim1220J
      justjim1220
    • RE: Error Installing Dependencies Permission Denied

      @BuckGup

      Things to try…

      reboot the computer.

      make sure you are signed into github, & into the computer.

      make sure you are connected to the internet.

      delete and reinstall MagicMirror

      use git bash, and install npm install

      might help to copy and paste your error log on here also…

      posted in Troubleshooting
      justjim1220J
      justjim1220
    • RE: Clock

      @mykle1

      Well… Thanks!!!

      posted in Custom CSS
      justjim1220J
      justjim1220
    • RE: Clock

      @hriereb

      The folder in the clock module directory is called faces. it uses .svg images.

      You can create svg images with your own images using Vectr, found here…
      https://vectr.com/.

      This is what my clock looks like…

      0_1526770014792_Screenshot (5).png

      You can create the svg files online at the site, or you can download the program. The download runs much faster than the online version. And it’s really easy to use! :smiling_face_with_sunglasses:

      posted in Custom CSS
      justjim1220J
      justjim1220
    • RE: ReferenceError: Module is not defined...

      @strawberry-3-141

      Thanks for answering…

      My calendar link is there, but my password is not. It does say private, but it actually is public, so anyone can see it, nothing too personal ever gets put on there anyway. :smirking_face:

      I can get a YT player to work on the MM, I’m just trying to figure out how to shuffle the list so it doesn’t start from the first song every time i gets loaded. And, if it’s just the video it has problems with, it gives a different error and will go to the next video. So, I know its not that either.

      posted in Development
      justjim1220J
      justjim1220
    • RE: MM not loading on startup or manually

      @awephuk

      I think you might be able to rebuild MM…

      cd MagicMirror
      npm rebuild

      it takes a few minutes, but that is one thing that has helped me in the past fix several different errors.

      Also, you can re-install the MM and your modules, especially the last one you added prior to getting this error…

      Start with the last module… cd modules/[last-module-name] >>> npm install

      Then run the npm install with MM. Or, the npm rebuild

      then restart MM

      Also, try rebooting the Pi by shutting it off, then turn it back on.
      (works better to help fix errors than using restart)

      posted in Troubleshooting
      justjim1220J
      justjim1220
    • RE: ReferenceError: Module is not defined...

      OK, so if anyone out ther feels like it, here is my .js code…

      Module.register("MMM-RandomYouTubePlayer", {
      	defaults: {
      		playlistId: "PLl_KM23gznEAZW-INW8ty4QNaHH8JCnNW",
      		listType: "playlist",
              height: 480,
              width: 720,
              autoplay: true,
              disablekb: true,
              enablejsapi: true,
              color: "red",
              fs: false,
              volume: 100,
              cc_load_policy: true,
              controls: false,
              showinfo: false, 
              rel: false, 
              modestbranding: true,
              loop: true,
      	},
      
          getDom: function() {
      		var wrapper = document.createElement("div");
      
      		var scriptContainer = document.createElement('script');
      
      		// var playlistId = (this.config.playlist_ID);	
      
          	function onYouTubeIframeAPIReady() {
      			player = new YT.Player('player', {
      		    height: '480',
      		    width: '720',
      		    events: {
      			'onReady': onPlayerReady,
      			'onStateChange': onPlayerStateChange,
      	    	}
      			});
          	}
      
      		var playlistArray;
      		var playListArrayLength;
      		var maxNumber;
      		var oldNumber = 0;
      		var NewNumber = 0;
      
          	function newRandomNumber() {
      			oldNumber = NewNumber;
      			NewNumber = Math.floor(Math.random() * maxNumber);
      			if (NewNumber == oldNumber) {
      			    newRandomNumber();
      			} else {
      			    return NewNumber;
      			}
         		}
      
          	function onPlayerReady(event) {
      			player.loadPlaylist({
      			    listType: "playlist",
      			    list: this.config.playlistId,
      			});
          	}
      
      		var firstLoad = true;
      
          	function onPlayerStateChange(event) {
          		console.log(event.data);
      			if (event.data == YT.PlayerState.ENDED) {
      			    player.playVideoAt(newRandomNumber());
      			} else {
      			if (firstLoad && event.data == YT.PlayerState.PLAYING) {
      			    firstLoad = false;
      
      				playlistArray = player.getPlaylist();
      				playListArrayLength = playlistArray.length;
      				maxNumber = playListArrayLength;
      				NewNumber = newRandomNumber();
      				player.playVideoAt(newRandomNumber());
      			}
      			}
      		}
      
      		wrapper.appendChild(scriptContainer);
      
      		var TempDiv = document.createElement('div');
      		wrapper.appendChild(TempDiv);
      		TempDiv.setAttribute("id", "player");
      
      		var tag = document.createElement('script');
      		wrapper.appendChild(tag);
      		tag.src = "https://www.youtube.com/iframe_api";
      
      		var firstScriptTag = document.getElementsByTagName('script')[0];
              wrapper.appendChild(firstScriptTag);
      		firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
      
      		var player;
              var done = false;
      
      		wrapper.innerHTML = "<iframe width=\"" + this.config.width +"\" height=\"" + this.config.height + "\" src=\"https://www.youtube.com/embed/?" + this.config.listType + "&" + this.config.playlistId + "frameborder=\"0\"></iframe>";
      
      		return wrapper;
      	}
      });
      

      Any and all hints, pointers, or input are very welcome and encouraged!!!

      posted in Development
      justjim1220J
      justjim1220
    • RE: Modules again.....

      @mykle1

      BWAAHHAAAAHAHAHAHAHA!!!

      If only I was able to drink… LMAO!

      Having so many health problems and being on a buttload of meds, I’m almost afraid to drink!!!

      Although, with this Meniere’s Disease, I’m pretty sure everyone thinks I am a drunk. I have to balance and in a state of extreme vertigo 24/7… :face_with_stuck-out_tongue_winking_eye: :dizzy_face: :confused_face: :upside-down_face:

      posted in Development
      justjim1220J
      justjim1220
    • RE: ReferenceError: Module is not defined...

      @Mykle1
      @strawberry-3-141

      First of all, I am pretty much a newbie to this module creation… This is my first attempt.

      I am using Visual Studio Code, and I was under the impression I could run a debug on the module itself. Sorry, My bad.

      What I’m getting from your replies, I should be inputting the whole MM project into the VS code environment, then run debug???

      Furthermore, I was having major issues trying to get the module to run on MM, then realized I needed to create it into a repository and do the git clone and install with the repository. I didn’t do that, I was just trying to create it and add it to my modules directory using the MM template (first item listed in the 3rd party modules).

      So, now, after figuring out that part, I have created a repository, went through the channels to add it to my MM, and now I’m getting it to show up on the mirror, it just isn’t playing.

      0_1526696438760_Screenshot (6).png

      This is what it looks like now…

      And this is the npm results while MM is running…

      Starting MagicMirror: v2.3.0-dev
      Loading config ...
      Loading module helpers ...
      No helper found for module: alert.
      Initializing new module helper ...
      Module helper loaded: updatenotification
      Initializing new module helper ...
      Module helper loaded: newsfeed
      No helper found for module: clock.
      Initializing new module helper ...
      Module helper loaded: MMM-RandomYouTubePlayer
      Initializing new module helper ...
      Module helper loaded: MMM-NOAA
      Initializing new module helper ...
      Module helper loaded: MMM-CalendarExt
      All module helpers loaded.
      Starting server on port 8080 ...
      Server started ...
      Connecting socket for: updatenotification
      Connecting socket for: newsfeed
      Starting module: newsfeed
      Connecting socket for: MMM-RandomYouTubePlayer
      Starting module helper: MMM-RandomYouTubePlayer
      Connecting socket for: MMM-NOAA
      Starting module: MMM-NOAA
      Connecting socket for: MMM-CalendarExt
      Sockets connected & modules started ...
      Launching application.
      Create new news fetcher for url: https://news.google.com/news/rss/local/section/geo/Bethany,%20MO,%20United%20States/Bethany,%20Missouri?ned=us&hl=en&gl=US - Interval: 300000
      
      

      I really do appreciate everyone’s input and getting me back into the coding realm! :grinning_face_with_smiling_eyes:

      posted in Development
      justjim1220J
      justjim1220
    • 1 / 1