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-NewsFeedTicker

    Scheduled Pinned Locked Moved Utilities
    94 Posts 15 Posters 78.0k Views 14 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
      last edited by

      @Cr4z33 Nope, not just you.

      Fixed it, actually. added the line “left: 0px;” in my custom css in the “.MMM-NewsFeedTicker .image” section… it’ll force the image to the left.

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

      Cr4z33C 1 Reply Last reply Reply Quote 0
      • Cr4z33C Offline
        Cr4z33 @BKeyport
        last edited by

        @bkeyport oh great doing it now thanks.

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

          fwiw, it could have happened as adjustments made to the code for a feature I asked for… :innocent look:

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

          1 Reply Last reply Reply Quote 0
          • KimzerK Offline
            Kimzer
            last edited by

            Any way to make the logo smaller? It got huge with using the keyframes bit

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

              yes, as a matter of fact. Fixes the centering too if you have that problem:

              custom.css in css subdirectory:

              .MMM-NewsFeedTicker .image {
              position: absolute;
              display: inline-block;
              vertical-align: middle;
              margin-left: 0;
              height: 40px; /* set to your image size */
              z-index: 1;
              background-color: #FFF;
              bottom: 0;
              left: 0px;

              }

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

              1 Reply Last reply Reply Quote 1
              • justjim1220J Offline
                justjim1220 Module Developer
                last edited by

                This module has been updated
                Please do a git pull && npm i to update
                Thanks!

                "Life's Too Short To Dance With Ugly People"
                Jim Hallock - 1995

                1 Reply Last reply Reply Quote 0
                • M Offline
                  mrSnatz
                  last edited by

                  Hello,
                  Great module, exactly what I was looking for. however, the lettering stutters. Is there a way to fix this? I use a Rasperry pi3. How do I remove the logo from the feed? Many thx

                  my config.js

                    	{
                    	  module: "MMM-NewsFeedTicker",
                    	  position: "middle_center",
                    	  //classes: "day_scheduler",
                    	  config: {
                    	    feeds: [
                        		{
                        			title: "sportBILD",
                        			url: "https://sportbild.bild.de/rss/vw-fussball/vw-fussball-45036878,sort=1,view=rss2.sport.xml",
                        			encoding: "UTF-8",
                        			className: "myClass",
                        			//defaultLogo: ""
                        		}
                  	      ]
                    	  }
                      },
                  

                  and my custom.css

                  .MMM-NewsFeedTicker {
                      width: 80;
                      height: 30px;
                      background-color: none;
                   }
                  .MMM-NewsFeedTicker .tickerbody {
                      position: absolute;
                      bottom: 10px;
                      transform: translateZ(0);
                      backface-visibility: hidden;
                      animation: marquee 30s linear infinite;
                  }
                  .MMM-NewsFeedTicker .image {
                      margin-left: 0;
                      bottom: 10px;
                      height: 30px;
                  }
                  
                  justjim1220J Mykle1M 2 Replies Last reply Reply Quote 0
                  • justjim1220J Offline
                    justjim1220 Module Developer @mrSnatz
                    last edited by

                    @mrSnatz said in MMM-NewsFeedTicker:

                    In this section,

                    .MMM-NewsFeedTicker .image {
                    margin-left: 0;
                    bottom: 10px;
                    height: 30px;
                    }

                    add display: none;

                    as far as the stuttering, I was told that animation will do that with Pi

                    "Life's Too Short To Dance With Ugly People"
                    Jim Hallock - 1995

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

                      @mrSnatz said in MMM-NewsFeedTicker:

                      the lettering stutters.

                      Yep, the Pi struggles with some animations. Scrolling happens to be one of them. If they are important to you then you might consider something more robust than the Pi. There are alternatives from other single board computers, all the way up to mini ITX motherboards. Still others run MM (server) on a full blown desktop machine and use the Pi to remote in to view MM

                      Create a working config
                      How to add modules

                      1 Reply Last reply Reply Quote 1
                      • M Offline
                        mrSnatz
                        last edited by

                        @justjim1220 said in MMM-NewsFeedTicker:

                        display: none;

                        Many thanks for the answer. Yes, I also thought about buying a stronger computer. What is your opinion on the Asus Tinkerboard? would he fix the problem?

                        Mykle1M justjim1220J ? 3 Replies Last reply Reply Quote 0
                        • Mykle1M Offline
                          Mykle1 Project Sponsor Module Developer @mrSnatz
                          last edited by

                          @mrSnatz said in MMM-NewsFeedTicker:

                          What is your opinion on the Asus Tinkerboard? would he fix the problem?

                          I don’t have an opinion on the Tinkerboard. I’ve never used one, but there are several people on the forum that have. Perhaps then will chime in with their opinions. Good luck.

                          Create a working config
                          How to add modules

                          1 Reply Last reply Reply Quote 0
                          • mumblebajM Offline
                            mumblebaj Module Developer @justjim1220
                            last edited by

                            @justjim1220 Have you ever managed to get this resolved? I a not getting the image from my 1 local news feed pulled in and not sure what else I can do to see if I can get it to come through.
                            The news feed is from: http://feeds.news24.com/articles/news24/SouthAfrica/rss
                            and the image is supposed to come from: https://scripts.24.co.za/img/sites/news24.png
                            0_1557337223616_Ticker.PNG

                            Check out my modules at: https://github.com/mumblebaj?tab=repositories
                            Check my blog-post: https://mumblebaj.xyz/
                            Check my MM Container: https://hub.docker.com/repository/docker/mumblebaj/magicmirror/general

                            justjim1220J 1 Reply Last reply Reply Quote 0
                            • justjim1220J Offline
                              justjim1220 Module Developer @mrSnatz
                              last edited by

                              @mrSnatz

                              I have never used a Tinkerboard, so no thoughts regarding the use of one. Apologies!

                              "Life's Too Short To Dance With Ugly People"
                              Jim Hallock - 1995

                              1 Reply Last reply Reply Quote 0
                              • ? Offline
                                A Former User @mrSnatz
                                last edited by

                                @mrSnatz
                                I didn’t test this module on ATB, but ATB is definitely stronger than RPI.
                                However apart from this module, you have more option nowadays. I think you can consider RK3399 or S922X. I especially recommend Jetson Nano at this moment for powerful GPU. RockPi 4 or NanoPi M4 is also good for overall performance.

                                D 1 Reply Last reply Reply Quote 1
                                • justjim1220J Offline
                                  justjim1220 Module Developer @mumblebaj
                                  last edited by

                                  @mumblebaj

                                  Please update your MMM-NewsFeedTicker and run it to see if it is working the way you are wanting.

                                  git pull

                                  Thanks!

                                  "Life's Too Short To Dance With Ugly People"
                                  Jim Hallock - 1995

                                  1 Reply Last reply Reply Quote 0
                                  • D Offline
                                    dirkie @Guest
                                    last edited by

                                    I run MM on a dedicated Intel NUC and I still occure this stuttering you are talking about. I noticed that the suttering appears when “MMM-ImagesPhotos” loads new pictures in slideshow mode. I was able to reduce this stuttering by reducing the size of the images…

                                    What I try to say “the power” does not help. I think the code is sometimes “sloppy”. Not that I could do anything better in terms of coding but just my 2cent…

                                    1 Reply Last reply Reply Quote 0
                                    • G Offline
                                      Giarry88
                                      last edited by

                                      Hi guys! I know that this topic is quite old, but I am trying to add this module to my magic mirror unsuccesfully.
                                      I added in the “config.js” file the module but it doesn’t show up. Any ideas on what i’ve done wrong?

                                      modules: [
                                      	{
                                      		module: "alert",
                                      	},
                                      	{
                                      		module: "updatenotification",
                                      		position: "top_bar"
                                      	},
                                      	{
                                      		module: "clock",
                                      		position: "top_left"
                                      	},
                                      	{
                                      		module: "calendar",
                                      		header: "Calendario di Google",
                                      		position: "top_left",
                                      		config: {
                                      			calendars: [
                                      				{
                                      					symbol: "calendar-check",
                                      					url: "MY CALENDAR"					}
                                      			]
                                      		}
                                      	},
                                      	{
                                      		module: "compliments",
                                      		position: "lower_third"
                                      	},
                                      	{
                                      		module: "currentweather",
                                      		position: "top_right",
                                      		config: {
                                      			location: "Savona, Italy",
                                      			locationID: "6542009", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                                      			appid: "MYAPPID"
                                      		}
                                      	},
                                      	{
                                      		module: "weatherforecast",
                                      		position: "top_right",
                                      		header: "Previsioni Meteo:",
                                      		config: {
                                      			location: "Savona, Italy",
                                      			locationID: "6542009", //ID from http://bulk.openweathermap.org/sample/city.list.json.gz; unzip the gz file and find your city
                                      			appid: "MYAPPID"
                                      		}
                                      	},
                                      	{
                                      		module: "newsfeed",
                                      		position: "bottom_bar",
                                      		config: {
                                      			feeds: [
                                      				{
                                      					title: "ANSA",
                                      					url: "https://www.ansa.it/sito/ansait_rss.xml"
                                      				}
                                      			],
                                      			showSourceTitle: true,
                                      			showPublishDate: true,
                                      			broadcastNewsFeeds: true,
                                      			broadcastNewsUpdates: true
                                      		}
                                      	},
                                      

                                      {
                                      disabled: false,
                                      module: “MMM-NewsFeedTicker”,
                                      position: “bottom_bar”,
                                      //classes: “day_scheduler”,
                                      config: {
                                      feeds: [
                                      {
                                      title: “New York Times”,
                                      url: “http://www.nytimes.com/services/xml/rss/nyt/HomePage.xml”,
                                      customLogo: “NYT_logo_rss_250x40.png”
                                      },
                                      {
                                      title: “USA Today”,
                                      url: “http://rssfeeds.usatoday.com/UsatodaycomNation-TopStories”,
                                      customLogo: “RSS_Syndication_Logo-USATN.png”
                                      },
                                      {
                                      title: “BBC World News”,
                                      url: “http://feeds.bbci.co.uk/news/world/rss.xml#”,
                                      customLogo: “bbc_news_120x60.gif”
                                      }
                                      ]
                                      }
                                      },

                                      ]
                                      

                                      };

                                      Thanks in advance!

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

                                        @Giarry88 from the MagicMirror folder do

                                        npm run check:config
                                        

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

                                        G 1 Reply Last reply Reply Quote 0
                                        • G Offline
                                          Giarry88 @sdetweil
                                          last edited by

                                          @sdetweil said in MMM-NewsFeedTicker:

                                          @Giarry88 from the MagicMirror folder do

                                          npm run check:config
                                          

                                          Thanks sdetweil.

                                          the terminal says:

                                          pi@raspberrypi:~/magicmirror $ npm run check:config
                                          npm ERR! missing script: check:config

                                          npm ERR! A complete log of this run can be found in:
                                          npm ERR! /home/pi/.npm/_logs/2020-04-22T00_59_46_184Z-debug.log

                                          the log says:

                                          0 info it worked if it ends with ok
                                          1 verbose cli [ ‘/usr/bin/node’, ‘/usr/bin/npm’, ‘run’, ‘check:config’ ]
                                          2 info using npm@6.14.4
                                          3 info using node@v10.20.1
                                          4 verbose stack Error: missing script: check:config
                                          4 verbose stack at run (/usr/lib/node_modules/npm/lib/run-script.js:155:19)
                                          4 verbose stack at /usr/lib/node_modules/npm/lib/run-script.js:63:5
                                          4 verbose stack at /usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:116:5
                                          4 verbose stack at /usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:436:5
                                          4 verbose stack at checkBinReferences_ (/usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:391:45)
                                          4 verbose stack at final (/usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:434:3)
                                          4 verbose stack at then (/usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:161:5)
                                          4 verbose stack at /usr/lib/node_modules/npm/node_modules/read-package-json/read-json.js:382:12
                                          4 verbose stack at /usr/lib/node_modules/npm/node_modules/graceful-fs/graceful-fs.js:115:16
                                          4 verbose stack at FSReqWrap.readFileAfterClose [as oncomplete] (internal/fs/read_file_context.js:53:3)
                                          5 verbose cwd /home/pi/magicmirror
                                          6 verbose Linux 4.19.97-v7l+
                                          7 verbose argv “/usr/bin/node” “/usr/bin/npm” “run” “check:config”
                                          8 verbose node v10.20.1
                                          9 verbose npm v6.14.4
                                          10 error missing script: check:config
                                          11 verbose exit [ 1, true ]

                                          What does “check.config” do?

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

                                            @Giarry88 ok, I hate this thing.
                                            npm run config:check

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            1 Reply Last reply Reply Quote 0

                                            Hello! It looks like you're interested in this conversation, but you don't have an account yet.

                                            Getting fed up of having to scroll through the same posts each visit? When you register for an account, you'll always come back to exactly where you were before, and choose to be notified of new replies (either via email, or push notification). You'll also be able to save bookmarks and upvote posts to show your appreciation to other community members.

                                            With your input, this post could be even better 💗

                                            Register Login
                                            • 1
                                            • 2
                                            • 3
                                            • 4
                                            • 5
                                            • 4 / 5
                                            • 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