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.

    MMM-Embed URL centered on fullscreen_above?

    Scheduled Pinned Locked Moved Unsolved Troubleshooting
    7 Posts 3 Posters 40 Views 3 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.
    • BKeyportB Offline
      BKeyport Module Developer @sdetweil
      last edited by

      @sdetweil I’m using full screen above for a “zoomed in” view of a camera. Naturally, MMM-EmbedURL is taking the entire screen as it should, except the embedded content is 4:3 and the screen is 16:9

      I want the embedded content to be centered horizontally, and can’t figure a way to do that. the content is correctly taking 100% of top to bottom.

      The "E" in "Javascript" stands for "Easy"

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

        @BKeyport I’d ask Tom via an issue on the module GitHub

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        wishmaster270W 1 Reply Last reply Reply Quote 0
        • wishmaster270W Offline
          wishmaster270 Module Developer @sdetweil
          last edited by

          @sdetweil @bkeyport
          Hi… I’m here 😉

          Sorry, but I need some more information.
          Can you share your config and a screenshot which shows the current view and a hint what you want to achieve please?

          S BKeyportB 2 Replies Last reply Reply Quote 0
          • S Offline
            sdetweil @wishmaster270
            last edited by

            @wishmaster270 I think the requirements are here

            https://forum.magicmirror.builders/post/130079

            Don’t know config

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            1 Reply Last reply Reply Quote 0
            • BKeyportB Offline
              BKeyport Module Developer @wishmaster270
              last edited by BKeyport

              @wishmaster270

              Config stub:

                             {
                                      module: "MMM-EmbedURL",
                                      position: "fullscreen_above",
                                      classes: "camera1",
                                      config: {
                                              updateInterval: 0,
                                              animationSpeed: 0, 
                                              appendTimestamp: false,
                                              attibutes: [],
                                              embed: [
                                                      "http://192.168.0.7/picture/1/frame/"
                                              ],
                                      },
                              },
              

              2dc7cd57-7c0c-4b0c-94af-2cbbdf7382c2-image.png

              The camera stream should be centered left/right. The camera feed is 4x3. (scaled from 640x480 due to how I have to get the feed at this time) and will always stretch the vertical to 100%

              (note: screenshot isn’t actual screen resolution)

              The "E" in "Javascript" stands for "Easy"

              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