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.3k 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.
    • 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 Do not disturb
                                  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 Do not disturb
                                      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
                                      • S Do not disturb
                                        sdetweil @Giarry88
                                        last edited by

                                        @Giarry88 said in MMM-NewsFeedTicker:

                                        What does “check.config” do?

                                        It checks the config.js file

                                        Sam

                                        How to add modules

                                        learning how to use browser developers window for css changes

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

                                          @sdetweil said in MMM-NewsFeedTicker:

                                          @Giarry88 said in MMM-NewsFeedTicker:

                                          What does “check.config” do?

                                          It checks the config.js file

                                          Ok, i’ve checked and corrected it with geanie and now the syntax is correct but it still doesn’t show it on mm

                                          S 1 Reply Last reply Reply Quote 0
                                          • S Do not disturb
                                            sdetweil @Giarry88
                                            last edited by

                                            @Giarry88 open the developers window ctrl-shift-i on the keyboard, and select the console tab and scroll up to see any errors.

                                            Sam

                                            How to add modules

                                            learning how to use browser developers window for css changes

                                            G 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