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

      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
                                    • S Offline
                                      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 Offline
                                          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
                                          • G Offline
                                            Giarry88 @sdetweil
                                            last edited by

                                            @sdetweil said in MMM-NewsFeedTicker:

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

                                            yes,

                                            Load script: modules/MMM-NewsFeedTicker//MMM-NewsFeedTicker.js
                                            :8080/modules/MMM-NewsFeedTicker//MMM-NewsFeedTicker.js:1 Failed to load resource: the server responded with a status of 404 (Not Found)
                                            loader.js:187 Error on loading script: modules/MMM-NewsFeedTicker//MMM-NewsFeedTicker.js
                                            script.onerror @ loader.js:187
                                            loader.js:194 Load stylesheet: css/custom.css
                                            (index):1 Refused to apply style from ‘http://localhost:8080/css/custom.css’ because its MIME type (‘text/html’) is not a supported stylesheet MIME type, and strict MIME checking is enabled.
                                            loader.js:203 Error on loading stylesheet: css/custom.css

                                            S 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
                                            • 3 / 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