@niumyz/react-rss-podcast-player

    2.0.6 • Public • Published

    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

    Keywords

    none

    Install

    npm i @niumyz/react-rss-podcast-player

    DownloadsWeekly Downloads

    6

    Version

    2.0.6

    License

    MIT

    Unpacked Size

    61.7 kB

    Total Files

    24

    Last publish

    Collaborators

    • ku3mich