Discussion on HTML5 Audio Player with Playlist

Tean

Tean supports this item

Supported

This author's response time can be up to 1 business day.

808 comments found.

Hello, I want to buy the Player and integrate it in a Little Neko Template called Spoons, do you think it will work?

Just Info: I’ve tried the jPlayer plugin and it dosen’t work well.

Thanks

Tean

Tean Author

Hi!

This is just pure html, css and javascript. It should work in any page that supports this.

Hello, now I bought the Player and installed it like you wrote in the Documentation. Now everything works but the Play/Pause Button an other Buttons don’t appear. The Path is correct and all css and js data is loaded.

May it have somthing to do with the Template I used? (I wrote earlier the Spoons Template) How can I include it without errors?

Thanks

Tean

Tean Author

If you open browser console, you will see that paths are incorrect, for example:

http://www.eva-gosciejewicz.de/media/data/icons/set1/loop_on.png


You can set autoplay in settings file in js folder (in your case jquery.html5audio.settings_artwork.js)

Thank you! Now the player looks right. Just one question more. Can I remove the remove Button from the Playlist?

Sorry everything OK I’ve found it.

claycle

claycle Purchased

Hey there-

I am trying to get the HTML5 Audio player integrated on a site, but I am having problems getting it to read a directory as a playlist. I have pushed the entire _deploy out and the demos are working online fine (I am working from index_playlist_selector.html as my template). That works.

However, when I try to move the player to my own page a point at a directory of mp3s, I can’t seem to find the directory at all. And I mean I have tried every path variation I can think of.

I would really like to get this up and running, and I’d be happy to give you FTP access to the site so you can poke around, if you wouldn’t mind.

Here is the page in question:

http://staging.russellalvey.com/player/index.php

Here is the path to the installed (and working) demo page:

http://staging.russellalvey.com/resources/ap_deploy/content/index_playlist_selector.html

Thanks! I know this is probably something simple I am overlooking.

Tean

Tean Author

Hi!

Default folder path from the package is:

’../media/audio/1/’

which means one level up from deploy, then down into media/audio.

On you page you have ’./audio’ ?

claycle

claycle Purchased

Yeah, I understand Unix paths… :-)

And, yes, on the page it has ./audio – that’s where I left it after several rounds of testing. At that page’s level, there is a directory, audio, with a single mp3 in it, test.mp3 (you can access that via http://staging.russellalvey.com/player/audio/test.mp3).

The player is pathing correctly to everything (script, css, etc) in the /resources/ap_deploy folder(s).

So…why can the player embedded in http://staging.russellalvey.com/player/index.php access the folder located at http://staging.russellalvey.com/player/audio/?

CD77

CD77 Purchased

Hi, I’m only using the inline audio links (with play/pause buttons), so this is bypassing any playlists. Works great except, once you get to the end of song, the pause button doesn’t reset back to play button upon song’s completion. How can I trigger it to reset back to showing play button once song has finished? Thanks.

CD77

CD77 Purchased

I’m sorry, you’re totally right. I deposited, and thought I had also renewed too. It was a busy day ;) My apologies… You should see it renewed now. Thanks.

Tean

Tean Author

I guess it can be done on multiple ways. I have now tested like this:

I have changed the code in html5audio.js file from this:

function _onFinish(){
    //console.log('_onFinish');
    if(typeof audioPlayerSoundEnd !== 'undefined')audioPlayerSoundEnd(_self, sound_id, playlistManager.getCounter());//callback
    enableActiveItem();
    playlistManager.advanceHandler(1, true);
}

to this:

function _onFinish(){
    //console.log('_onFinish');
    if(active_text_link && active_text_link.hasClass('play_link')) {
        active_text_link.attr('src', link_play);
        mediaPlaying=false;
    }
    if(typeof audioPlayerSoundEnd !== 'undefined')audioPlayerSoundEnd(_self, sound_id, playlistManager.getCounter());//callback
    enableActiveItem();
    playlistManager.advanceHandler(1, true);
}
CD77

CD77 Purchased

Perfect. Thank you :)

Elbardo

Elbardo Purchased

Hello, Can I disable in a playlist that the next audio will play? Thank you very much

Tean

Tean Author

Hello!

Can you explain your question more?

Thanks

Elbardo

Elbardo Purchased

Sorry I already found a solution, if it works for me:

function _onFinish(){ //console.log(‘_onFinish’); if(typeof audioPlayerSoundEnd !== ‘undefined’)audioPlayerSoundEnd(_self, sound_id, playlistManager.getCounter());//callback mediaPlaying=false; setPlayIcon(‘off’); }

Thanks

Tean

Tean Author

If you dont want to auto advance to next song then you can comment out this code in this _onFinish function:

//enableActiveItem();
//playlistManager.advanceHandler(1, true);
CodeSrc

CodeSrc Purchased

I’m trying to use the Feed option with index_playlist_selector but I’m getting a “parse” error. I get the same error in your downloaded example.

CodeSrc

CodeSrc Purchased

I’m trying to use the Feed option with index_playlist_selector but I’m getting a “parse” error. I get the same error in your downloaded example.

[Sorry for the double-post. I didn’t know my message to you was going to appear here. I thought it would be emailed.]

Tean

Tean Author

In settings file in js folder – activePlaylist.

CodeSrc

CodeSrc Purchased

Only 3 episodes are displaying. How do I show more episodes from the podcast?

CodeSrc

CodeSrc Purchased

I put set podcast_result_limit: 20, but 3 is still showing.

Tean

Tean Author

Similar plugins recomendations:

Audio Player with Statistics http://codecanyon.net/item/audio-player-with-statistics/19765104
by
by
by
by
by
by