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

Widgit accessabililty

Scheduled Pinned Locked Moved Development
6 Posts 4 Posters 695 Views 4 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.
  • N Offline
    N6NG
    last edited by Oct 21, 2022, 6:20 PM

    I’m reading about widgits which I don’t know much about. I’m looking for a widgit that would allow me to watch in real time a webpage with no api on my magicmirror. Anyone know of such a widgit or where I can browse all the widgits available?
    Thanks all you smart people out there.
    Dennis

    S 1 Reply Last reply Oct 21, 2022, 6:25 PM Reply Quote 1
    • S Offline
      sdetweil @N6NG
      last edited by Oct 21, 2022, 6:25 PM

      @N6NG eh? a widget is a block of preconfigured code

      much like our modules…

      a web page is a url

      https://github.com
      https://forum.magicmirror.builders/topic/17305/widgit-accessabililty

      being able to read the content there depends on the rules there,
      no magic to get around it on MM

      u tell a widget which url to read
      u tell our module which url to read

      Sam

      How to add modules

      learning how to use browser developers window for css changes

      N 1 Reply Last reply Oct 21, 2022, 8:18 PM Reply Quote 0
      • S sdetweil referenced this topic on Oct 21, 2022, 6:25 PM
      • N Offline
        N6NG @sdetweil
        last edited by Oct 21, 2022, 8:18 PM

        @sdetweil Thanks Sam… I’ll have to ponder that for a while…
        Dennis

        J 1 Reply Last reply Nov 12, 2022, 9:47 PM Reply Quote 0
        • J Offline
          JohnGalt @N6NG
          last edited by Nov 12, 2022, 9:47 PM

          @N6NG Did you manage to figure out how to do what you need? I see you got very low response to your query, which may be because you are referencing ‘widgets’ and Magic Mirror uses ‘modules’ as its base parts.

          Did you mean to ask whether there are Magic Mirror modules that will display a web site? If so, I suspect there such [though I don’t have first-hand experience, it would be something I might be interested in the coming future…].

          W 1 Reply Last reply Nov 13, 2022, 11:26 AM Reply Quote 0
          • W Offline
            wishmaster270 Module Developer @JohnGalt
            last edited by wishmaster270 Nov 13, 2022, 11:28 AM Nov 13, 2022, 11:26 AM

            @JohnGalt
            @N6NG

            I am not sure what exactly is your question.
            As sdetweil and JohnGalt already mentioned MagicMirror is a framework which is able to display additional information by including modules.
            MagicMirror itself is one big website where all modules will be included.

            If you want to display a webpage on the mirror there are modules like my MMM-EmbedURL for it.
            There are several HTML-elements for this purpose (iframe, webview, embed, object, etc.). The most popular and best supported one is iframe.
            As the website that embeds a other website can access all elements and variables of the embedded one there can be some scurity issues (i.e. if somebody embeds the website of your online banking, presents it with a other address but can read and manipulate all of your input even if the transfer of the data is secured with https). Because of the security issues some sites forbid to be embedded. Others forbid it because they simply do not like it.
            The electron browser (which is the default one if you do not run your mirror in “server only” mode) is the only one which supports “webview”. “webview” is a different approach where there is started a isolated process that displays the embeded website and the elements and variables are NOT accessible. Thats why electron ignores the flags of sites which not want to be embedded.

            Some sites allow to embed only parts of the page and provide the code to embed the parts. I.e. if you like to embed a YouTube video with autoplay you can hit the share button under the video, add “?autoplay=1” to the url and get code like this:

            <iframe width="560" height="315" src="https://www.youtube.com/embed/dIHr96KqfDI?autoplay=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            

            There are similar options for i.e. Grafana panels and stuff like this.

            In my MMM-EmbedURL module i provide a example of howto display a webpage that shows a webcam and position and size the embedded element to hide the header and footer of the website.

            There are other modules of other developers to embed websites, too. You way want to take a look at the 3rd-party-modules page of the MagicMirror documentation.
            There are listed a lot of modules (not all, but a lot) for different purposes.

            N 1 Reply Last reply Nov 14, 2022, 5:12 AM Reply Quote 0
            • N Offline
              N6NG @wishmaster270
              last edited by Nov 14, 2022, 5:12 AM

              @wishmaster270 I ended up using MMM-EmbedURL and it worked fine for what I was trying to do. Thanks all for your help
              N6NG
              DENNIS

              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