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.4k 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

      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 Reply Quote 0
      • yawnsY Offline
        yawns Moderator
        last edited by

        Take a look at mykles module:

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

        S 1 Reply Last reply Reply Quote 1
        • N Offline
          ninjabreadman @snowman
          last edited by ninjabreadman

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

          Mykle1M 1 Reply Last reply Reply Quote 0
          • Mykle1M Offline
            Mykle1 Project Sponsor Module Developer @ninjabreadman
            last edited by

            @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

              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

                @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
                • cruunnerrC Offline
                  cruunnerr
                  last edited by

                  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 Reply Quote 1
                  • N Offline
                    ninjabreadman @cruunnerr
                    last edited by

                    @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