Skip to content
A modification of the default MM2 newsfeed. A news ticker similar to the ones you see on TV news channels (CNN, ESPN, MSN, etc.). Shows the logo the main headline, and a short description.
JavaScript CSS
Branch: master
Clone or download
Latest commit b9075c1 May 18, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
pics Add files via upload May 18, 2019
LICENSE Initial Upload - Still a work in progress - not working yet! Oct 18, 2018
MMM-NewsFeedTicker.css
MMM-NewsFeedTicker.js Add files via upload May 18, 2019
README.md Update README.md May 18, 2019
Screenshot (401).png Add files via upload Oct 20, 2018
Screenshot (406).png Add files via upload Oct 20, 2018
Screenshot (407).png Add files via upload Oct 20, 2018
fetcher.js
jsconfig.json Initial Upload - Still a work in progress - not working yet! Oct 18, 2018
node_helper.js Add files via upload May 18, 2019

README.md

MMM-NewsFeedTicker

news ticker like what you see on the news channels, except for online newspapers, showing current headlines and short descritpions.

The MMM-NewsFeedTickermodule is a 3rd Party Module of the MagicMirror

Screenshots

ScreenShot for BBC World News ScreenShot for USA Today ScreenShot for New York Times

Using the module...

To use this module, add it to the modules array in the 'config/config.js' file:

modules: [
	{
	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"
		}
    	    ]
	}
    },
]

Install...

cd ~/MagicMirror/modules
git clone https://github.com/justjim1220/MMM-NewsFeedTicker.git

Other Info...

can add as many feeds as you like.
to change or add feedsources... you need to make sure the site can be linked

*** At this point, you need to download the website logo and place it in the pics folder within the
MMM-NewsFeedTicker directory. Then put the name of it in the config for 'customLogo'
(see config example above)
 
Hope you all like it!

Configurations...

to change background color, add the following to you custom.css file:

.MMM-NewsFeedTicker {
    background: rgb(104, 9, 9); // to change background color, can use rgb. hex, or name of the color
}

to remove background color, change to background: none;

some users are having issues with speed of the animation. go to the following line in the MMM-NewsFeedTicker.js file and change the number 1000 to a lower number. (some users are finding that changing to 300 works best for them, adjust to your preference)

    tickerBody.style.animationDuration = Math.round(this.config.updateInterval / 1000) + "s";

Acknowledgements...

First, I want to thank @sdetweil, @Sean, @cowboysdude, & @Mykle1 for their patience in attempting to teach me this coding stuff!!!

And, @Sean & @sdetweil for giving the pointers I needed to finish it when I was stuck!

Enjoy!

You can’t perform that action at this time.