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.
    • Cr4z33C Offline
      Cr4z33 @BKeyport
      last edited by

      @bkeyport so that’s not only me?

      I thought I messed up something in the CSS.

      1 Reply Last reply Reply Quote 0
      • 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

                                            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
                                            • 5 / 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