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

Display a .png saved on the raspberry pi hard drive

Scheduled Pinned Locked Moved Development
8 Posts 6 Posters 4.5k Views 5 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.
  • S Offline
    snowman
    last edited by Jan 9, 2018, 9:27 PM

    I was wondering if anyone could help with displaying a .png image that I have saved on the hard drive

    the location of the image is:

    /home/pi/MagicMirror/modules/test_png

    and the file is called test_png.png

    Thanks in advance!

    N 1 Reply Last reply Jan 9, 2018, 10:03 PM Reply Quote 0
    • Y Offline
      yawns Moderator
      last edited by Jan 9, 2018, 10:00 PM

      Take a look at mykles module:

      https://github.com/mykle1/MMM-EasyPix

      S 1 Reply Last reply Feb 12, 2018, 1:54 AM Reply Quote 1
      • N Offline
        ninjabreadman @snowman
        last edited by ninjabreadman Jan 9, 2018, 10:04 PM Jan 9, 2018, 10:03 PM

        @snowman Or, if you’re really only interested in showing a single image, it may be simpler to use MMM-SimpleLogo: https://github.com/frdteknikelektro/MMM-SimpleLogo

        Problem with config or JavaScript? Copy/paste it into JSHint.
        Check out the detailed walkthroughs on install, config, modules, etc.

        M 1 Reply Last reply Jan 10, 2018, 12:56 AM Reply Quote 0
        • M Offline
          Mykle1 Project Sponsor Module Developer @ninjabreadman
          last edited by Jan 10, 2018, 12:56 AM

          @ninjabreadman said in Display a .png saved on the raspberry pi hard drive:

          if you’re really only interested in showing a single image, it may be simpler to use MMM-SimpleLogo:

          Yes, simpler to use SimpleLogo. (A fantastic module)

          But, easier to use EasyPix. :-)

          Create a working config
          How to add modules

          1 Reply Last reply Reply Quote 1
          • D Offline
            doubleT Module Developer
            last edited by Jan 10, 2018, 6:31 AM

            Or without a module in custom.css:

            .region.middle.center:before { /* just an example, try with an empty region */
                content: url(../modules/test_png.png);
            } 
            

            Though quick, it’s not a very clean solution and could mess up modules in the same region. With some CSS knowledge you could make something like a logo appear fixed to a corner of the mirror or something like that.

            1 Reply Last reply Reply Quote 0
            • S Offline
              snowman @yawns
              last edited by Feb 12, 2018, 1:54 AM

              @yawns Thanks! This worked for me! I have a new png being generated every 15 minutes in a crontab, however I’m not sure how to make this module update the image every so often. Do you know how I might be able to accomplish this? Thanks in advance!

              1 Reply Last reply Reply Quote 0
              • C Offline
                cruunnerr
                last edited by Feb 12, 2018, 4:34 AM

                afaik this isn’t possible with Easy-Pix. (please correct me)

                But maybe u give MMM-ImagesPhotos a try. With that u can set an update interval. Just put your only Photo in the directory

                N 1 Reply Last reply Feb 12, 2018, 1:19 PM Reply Quote 1
                • N Offline
                  ninjabreadman @cruunnerr
                  last edited by Feb 12, 2018, 1:19 PM

                  @snowman @cruunnerr You’re right. It is however baked into MMM-SimpleLogo. There is a time stamp query parameter appended to the image, so that it fetches a new version every time and does not load the cached version. Also, it has a refreshInterval config parameter to set how often it updates (e.g. "5*60*1000" for 5 minutes).

                  Problem with config or JavaScript? Copy/paste it into JSHint.
                  Check out the detailed walkthroughs on install, config, modules, etc.

                  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