React RSS Podcast Player

Snappy name, huh? The React RSS Podcast Player is a React component that, when provided with a valid RSS link, will create a fully functional HTML5 based Podcast player to utilize in your projects.

Usage

###First, install...

npm install react-rss-podcast-player --save
# or
yarn add react-rss-podcast-player  

Then...

import React, { Component } from 'react';
import PodcastPlayer from 'react-rss-podcast-player';

class App extends Component {
	render () {
    	return <PodcastPlayer url={'https://rss.acast.com/eggchasers'} />
	}
}

Demo

Here is a screenshot of the RSS Podcast Player in action with a demo podcast loaded.

Link to screenshot

Extended Demo Page: https://podcastle.herokuapp.com/

This site includes the RSS Podcast Player being used in more of a 'production' environment, and provides inspiration for a potential application of the player. Please note: the search and library functions are just provided for demo purposes and not included in this source code.

Props

| Prop | Description | Default | |-------------- |-----------------| --------------| | url | The RSS feed of a podcast. Pass it any valid .rss feed to start playing. | | | maxWidth | Set the max-width of the player. | 600px | | feedMaxHeight | Set the max-height of the items list. | 600px | | playerColor | Sets the player section background-color | #f6f6f6 | | feedColor | Sets the feed list backgroundcolor | #f6f6f6 | | playerControlsColor | Sets the player controls background-color | #e6e6e6 | | playerTextColor | Sets the text color of the player & controls. | #404040 | | feedTextColor | Sets the text color of the feed items. | #404040 |

Contributions

If you would like to contribute to this open source project, please feel free to submit a PR.

There is also a very basic test suite included for convenience, feel free to add your own tests for posterity, and run existing tests before submitting.

Code Of Conduct

For a more detailed look at our code of conduct, check it out here