Discussion on HTML5 Audio Player with Playlist

Tean

Tean supports this item

Supported

This author's response time can be up to 2 business days.

814 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

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

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.

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.

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’ ?

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/?

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.

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.

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);
}

Perfect. Thank you :)

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

Hello!

Can you explain your question more?

Thanks

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

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);

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.

Tean

Tean Author

Hi!

If you load playlist7 from index_playlist_selector.html this will work. The reason other podcasts dont work is because they are not active any more. (you can see if podcast works if you open it in browser). I have to update these links.

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.]

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

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

Tean

Tean Author

Can you provide your page link?

Similar plugins recomendations:

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

Hello! Is it custom player ? Is it responsive ?

Tean

Tean Author

Yes, its all built from scratch. Only jscrollpane is used for scrollbar in playlist.

Where can I download demo ?

Tean

Tean Author

There is no demo or trial unfortunately. Player features can be seen in live preview and item description page.

I want to purchase this player.

Can you confirm that this supports: Auto create playlist from folder(s) of mp3 files

I need to ask this as I have wasted some time with another player I purchased that did not work Auto create playlist from folders. Thanks

Tean

Tean Author

Hi!

Yes, I can confirm this. Its possible to create a playlist from the folder of mp3 files.

Hello Just purchased this html 5 player but i do not know how to install i know it says that all i need is the deploy folder, i tried zipping it up and uploading it as a plugin on wordpress but it does now install i dont know what i am not doing. could someone help? thank you

Tean

Tean Author

Hello!

This is jquery plugin for static html page, not for wordpress.

Hi, I just downloaded the HTML5 audio player and followed all instructions to add the playlist to my IWeb site. I uploaded the folder w/playlist (HTML5AudioPlaylist) to my root directory via ftp and then copied the code into HTML Snippet on iWeb. After publishing I get a “player” that seems to be searching for a playlist, never finds one. When I look at my files in CPanel, I see the HTML5 folder and the “new page w/playlist” folder on the same level. Are they supposed to be in a folder together somehow? Any other ideas? Thanks Kevin

Tean

Tean Author

You are getting some errors in browser console for plugin javascript files.

Failed to load resource: the server responded with a status of 500 (Internal Server Error)

/HTML5AudioPlaylist/content/js/jquery-1.10.2.min.js

Check if these files are in correct location.

I don’t have that file. I have jquery-1.11.1.min.js located at that location at root directory public_html/dancingeggmusic.com/HTML5AudioPlaylist/content/js/jquery-1.11.1.min.js

Tean

Tean Author

You have this file, these are plugin files linked through page head.

If you site uses jquery, then dont include link to jquery again for my plugin, there only can be one jquery version in page.

slpp

slpp Purchased

c70903f2-4f7f-41db-a293-df9ecf441bbb

having problems playing tracks on my page. http://discovercanada.ga/new/proj/

I only edit the first track, and uploaded mp3 files into the ..media/audio/1/.. directory. nothing plays

Tean

Tean Author

Hi!

Try to open your first mp3 link in browser:

http://discovercanada.ga/new/media/audio/1/The_Oath_of_Citizenship.mp3

You get Internal Server Error

Is the file at that location?

by
by
by
by
by
by