@podlove/player-react

    5.7.3 • Public • Published

    @podlove/player-react

    React wrapper for @podlove/web-player

    Installation

    • Run npm i @podlove/player-react

    Usage

    import { PodloveWebPlayer } from '@podlove/player-react';
    
    <PodloveWebPlayer 
    episode="https://backend.podlovers.org/wp-json/podlove-web-player/shortcode/publisher/60" 
    config="https://backend.podlovers.org/wp-json/podlove-web-player/shortcode/config/podlovers/theme/default" />

    Properties

    • episode: Episode metadata as file reference or as plain object, see episode docs
    • config: Config metadata as file reference or as plain object, see config docs
    • base: (Optional) player resource base, will fallback to the cdn if not provided
    • variant: (Optional) player template variant, see templating docs
    • playtime: (Optional) initial playtime in milliseconds
    • tab: (Optional) initial tab in milliseconds
    • template: (Optional) remote template

    Callbacks

    • onLoaded: (Optional) callback hook that gets called with the player store, see runtime API

    Children

    Provided children will be parsed as player templates:

    <PodloveWebPlayer 
    episode="https://backend.podlovers.org/wp-json/podlove-web-player/shortcode/publisher/60" 
    config="https://backend.podlovers.org/wp-json/podlove-web-player/shortcode/config/podlovers/theme/default">
     { 
      `<root style="max-width: '950px'; min-width: '260px'" class="p-4 flex justify-center rounded">
        <play-button></play-button>
      </root>`
     } 
    </PodloveWebPlayer>

    Keywords

    none

    Install

    npm i @podlove/player-react

    DownloadsWeekly Downloads

    27

    Version

    5.7.3

    License

    MIT

    Unpacked Size

    125 kB

    Total Files

    5

    Last publish

    Collaborators

    • minus0
    • alexander-heimbuch