Provide a loading state icon/component in <PlaybackControls />

[alexanderwallin]

There's that awkward moment after playing a stream or otherwise not preloaded resource where you want to indicate a loading state. If you do it nicely, you should be able to pause a non-ready resource. But for us mere mortals, a presentation-only loading indicator component would come in handy.

Something like:

// New prop types:
{
  isLoading: PropTypes.bool,
  loadingComponent: PropTypes.oneOfType([
    PropTypes.node,
    PropTypes.func,
  ]),
}

// New default props:
{
  isLoading: false,
  loadingComponent: null,
}

Which you would implement like:

<PlaybackControls
  {...props}
  isLoading={playbackState === PLAYING && isLoadingMedia}
  loadingComponent={() => <Spinner />}
/>

[alexanderwallin]

Obsolete as of 1.0.0