wenliangdai / react-audioplayer Goto Github PK

Hi can you kindly advice how an audio file encoded in base64 will be played in that? Any string header required?

Thanks

In my scenario I fave different playlists. My approach is to keep the player mounted and just update the list prop. I expected this to be possible but its not. Issues I ran into:

• Replacing the playlist before first playback: Player starts with the first track of the old list and continues with second of new list.
• Replacing the playlist during playback: Player continues on track x of old list. After track end player goes to track x+1 of new list.
• Replace a list of 3 with a list of 2 tracks while track 3 is being played: Player throws exception.

Would love if this scenario gets better support!

Hi!
Love what you've done with then player but am having difficulty getting the timed comments to work - they don't seem to work even on the live demo??

Any ideas?

Thanks in advance

Terry

Can you remove the console.log() inside HOCAudio.componentDidMount()? See line 273 of HOCAudio.jsx. Thanks.

Play file display duration Infinity:0NaN:0NaN

I'm still not quite how these work. Could you explain a bit more in the documentation, or better yet, post the code for the examples you have on your website? Thanks in advance.

My app is a youtube mp3 player. Some tracks cant play because of copyright blocks and it returns a cors issue. Can i catch errors and skip next track?

Can use server side rendering?

do we have the ability to play music from a local file? Can we add this to the project?

n.value node_modules/react-audioplayer/build/react-audioplayer.js:1

TypeError: Cannot read property 'addEventListener' of null
TypeError: Cannot read property 'removeEventListener' of null

two errors when trying to load component inside render.

<Audio
width={600}
height={400}
autoPlay={true}
fullPlayer={true}
playlist={p}
style={{ paddingTop: 5 }}
onCommentSubmit={text => {
console.log(text);
}}
/>

const p is an array with song objects.

Hello,

I'm building a podcast site with a cross-page audio player using this component.

I'm wondering what I need to set to make the episode title fill more of the component's width instead of truncating text.

I am using react router and when I navigate back the audio keep playing
I tried this in the
stopPlaying() {
ReactDOM.findDOMNode(this.state.autoplayref).dispatchEvent(new Event('pause'));
}
and then
componentWillUnmount() {
this.props.shuirimprops.stopPlaying();
}

but not working. I am doing the same thing for playing and pausing and it works fine I think the
ref is alread gone by the time the async method excutes

Want a means to access audio object

It would be awesome to customize the Controls to not display some of the buttons. For example I do not want to display the skip to buttons. I also do not want to display the shuffle/repeat button. It would be nice to pass showSkipToButtons = false and showPlayingStateBtn = false.

I think this should be relatively easy. I am pretty new to Reactjs but I could possible do a pull request with these features enabled?

Hey - thanks for this component - giving it a shot on my podcast website.

I'm doing SSR with this app, so I need a way to exclude this component if window and document aren't present. Any way to do this?

I have multiple players on a page and I would like to be able to pause one when I start another. I know I can use a ref on the Audio component to get a hook for pausing that component. But it seems like the ref function only fires when the component unloads. If it fired on load then I could register it and control it with clickHandlers. Am I missing something?

ref={audioComponent => { this.audioComponent = audioComponent; }}