MMM-NewsFeedTicker

[BKeyport]

Looking good, other than the logo now appearing centered on final position - I have deleted all custom css…

[Cr4z33]

@bkeyport so that’s not only me?

I thought I messed up something in the CSS.

[BKeyport]

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

[Cr4z33]

@bkeyport oh great doing it now thanks.

[BKeyport]

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

[Kimzer]

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

[BKeyport]

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;

}

[justjim1220]

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

[mrSnatz]

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;
}

[justjim1220]

@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

[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

[mrSnatz]

@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?

[Mykle1]

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

[mumblebaj]

@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

[justjim1220]

@mrSnatz

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

[A Former User]

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

[justjim1220]

@mumblebaj

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

git pull

Thanks!

[dirkie]

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…

[Giarry88]

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!

[sdetweil]

@Giarry88 from the MagicMirror folder do

npm run check:config