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.

    Images show only in Browser, not on HDMI

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    4 Posts 2 Posters 413 Views 2 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.
    • D Offline
      derOJ
      last edited by derOJ

      Hi.
      I just set up a new installation on my RPi4 with Buster.
      MM worked fine before clean install.
      I had to do it for other reasons.

      So I installed MM with install script.
      MM starts after boot with PM2, every module is working.
      But I cannot see any images on the “screen”.
      With “image” i mean images created in my module with etc.

      var img = document.createElement("img");
      			img.setAttribute("class", "motionEyeImage");
      			img.id = this.config.id;
      			img.src = this.config.url;
      			img.style.width = this.config.width;
      			return img;
      

      First I thought it’s an issue with the module(s) itself.
      But it all works fine when I open MM in my Browser
      “localhost:8080”

      in the “PM2-Session” its only a little icon that indicates, that there should be something…
      mm2-error2.jpg mm2-error1.jpg

      I created a simple module, just with an img element and an image located in the folder. But the same.

      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @derOJ
        last edited by

        @derOJ try this

        stop mm
        cd ~
        rm -rf .config/Electron

        to remove the saved runtime config folder for electron. note the dot in front of config

        restart mm

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        D 1 Reply Last reply Reply Quote 0
        • D Offline
          derOJ @sdetweil
          last edited by derOJ

          @sdetweil Thanks for your help.
          But it did not solve it…

          Could it be that I had no monitor plugged in the HDMI port during install of MM?

          I deleted the MM folder. First I saved the modules folder and my config.

          then reinstalled MM without installation script, and with monitor plugged in.

          But still no luck…

          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @derOJ
            last edited by sdetweil

            @derOJ hm…

            let’s open the developers window, ctrl-shift-i,

            and select the console tab
            put a unique part of the name of your module in the filter field. it will show only messages from your module.

            and select the elements tab

            click the upper left point of the element tab
            and navigate it over your image element.

            the css tree for your module content will be displayed.

            typically for a module, we use a div as the container for all the module content, and return that from the getDom() routine. mm the inserts that div element tree in the correct ‘position’

            what is the url specified in your modules config.js section?

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            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