EsAudioPlayer won't show nor play mp3 when in TablePress

Hi Pierre,

thanks for your question.

I’m not really sure why “EsAudioPlayer” is not working, but apparently it is not returning anything for the Shortcode you inserted.
Are these Shortcodes working when you paste them directly into a page?

Also, at first glance, EsAudioPlayer is not really written in a good way in several places. Also, it’s not working for me in your table that was created with UltimateTable either…

Regards,
Tobias

Hi Tobias,
thanks for your quick answer.

Could you please try again with this address:
https://www.lucilin.lu/demo/en/repertoire-en/

This is the Ultimate Table (UT) and the EsAudioPlayer shortcode is displayed in the “Audio” column, for the “Hoot (wood)” title.

I guess there must be some js conflict with TablePress which there isn’t with UT.
The issue is that I really prefer TablePress in terms of data management, with import/export, as well as with the great ease to customize it.
But I really need a solution to play the song within the table, without opening any additional page.

Thanks for your help.

Pierre

Hi,

ah, yes, now I can see the audio player for that song in that table.

No, it’s not a JS conflict in TablePress. Actually, there’s nothing in the “Audio” column of the TablePress table. This could mean that the Shortcode of the esAudioPlayer plugin is not properly executed, or doesn’t return anything.
Can you maybe try a different Audio Player plugin, for example https://www.ads-software.com/extend/plugins/audio-player/ (for which you will need a slight extra plugin: https://tablepress.org/extensions/audio-player-in-table-cells/

Additionally, I will do some testing with esAudioPlayer on my dev site. Maybe I can find out why the Shortcodes don’t work.

Regards,
Tobias

Hi Tobias,

actually, there are audio in the TP page (https://www.lucilin.lu/demo/fr/repertoire/), you have to play with the Audio column sorting.

Anyway, I have wondered around on your website and have actually found the “audio-player-in-table-cells” extension. I have installed it and, guess what? The esAudioPlayer works now.

I did not understand everything, but it seems that my issue is resolved. That’s great!!!
Shall I close the ticket?

Pierre

Hi Pierre,

ah, yes, there’s audio in one cell, indeed ?? I must have missed that, probably because I was looking for audio in ALL cells of that column.

Now, I can’t really believe that installing the “audio-player-in-table-cells” Extension has anything to do with this. I just checked the source code for esAudioPlayer again, and there’s nothing that would be influenced by the Extension…

But good that it works now ??

Best wishes,
Tobias

Thank you VERY much, Tobias!

Pierre

Hi Pierre,

no problem! You are very welcome!
Have fun with the plugin!

Best wishes,
Tobias

Gentlemen,

Tobias, as you know, I’m having issues with an audio solution in TablePress. Having looked at instantdecisif‘s website and this post, I see that he has achieved what I need in his tables.

Checkout his table here: https://www.lucilin.lu/repertoire-en/
I set the table to view 10 rows for visual ease. Now, if you navigate through the pages on the table, you’ll see that the audio players are populating the cells on different pages. My issue so far has been with iOS devices – they won’t play audio in a paginated table. Well, I checked the above site on an iPad and it’s working!

I downloaded esAudioPlayer and installed it. Of course, it won’t work for me! Tobias, I’m hoping you can look at the above table, then compare it to my table here: https://thetracksmiths.com/beats/fight-club/

On my table, as you navigate to the next paginated page, the players dissapear! They DO play in iOS, so I’m half way there. The ironic part is, on the 2nd page where they players are invisible, they are actually there in the HTML code! I’m hoping you can compare instantdecisif‘s table with mine and see if we’re doing something different. Maybe a setting in DataTables needs to be tweaked on my end?

~Quest~

Hi Quest,

here is the code I used (it is the same in each cell):
[esplayer url="https://www.lucilin.lu/.../G.Berger-Langsam.mp3" width="50" height="17" duration="0" vp="0" autoplay="false" title=”” sid="1"] (live)

If I remember well, I think it wouldn’t work on paginated pages. This is the reason why I’ve made the choice to show all songs in one single page.

I hope this helps.

Pierre

Thanks for the reply, instantdecisif.

I realize something. I have a table with 20 rows right now. If I set TablePress to show all 20 and then use the “show entries” option at the top to show less, pagination will show all the players.

If I set TablePress to show say only 5 entries and then scroll through pagination to see the rest, only the initial 5 players are visible. So whatever is initially on the screen is what shows, while everything else in further paginated pages will be invisible.

Tobias – do you think this has something to do with TablePress or the player? Any thoughts?

Hi,

so, the esPlayer works with DataTables activated even on iOS? That would indeed be cool! ??

Now, about that pagination issue: My assumption would be that this happens because pagination is added to the table before the actual music players are rendered/created. This would basically be the same as the question “My events don’t work on the second page” in the DataTables FAQ from https://datatables.net/faqs
However, when looking at the pages HTML source, no JS code comes after the DataTables initialisation JS call. And as that’s already the last thing in the code, I’m out of ideas on what to try here ??
I guess, you’ll have to go without pagination…

Regards,
Tobias

Hi again Tobias.
Have the same issue with pagination and “ESplayer” (which was the only player I could get to work in tablepress.)

So 1 – I can go without pagination – but there will be many hundreds in the list so this will not likely be practical and wonder if there is any work around for pagination..

2 – Also I note you have a “audioplayer” extension – I seem unable to get that plugin to work with tablepress and wonder also if it should?

Hi,

yes, the Flash/JS parts of ESplayer seem to be incompatible with the JavaScript functions for tables. Unfortunately, I don’t know how this can be fixed ?? It probably requires changes in ESplayer.

The Extension that you mention is only necessary for the plugin https://www.ads-software.com/plugins/audio-player/, so unless you are using that, you don’t need the Extension.

Regards,
Tobias

ok – and just to confirm yes tried to use audio player with the extension but nothing shows in tablepress.. So was not sure that is does work.

Anyways thanks so much again for your constant assistance and fantastic plugin.

Hi,

sure, no problem!
Sorry that all of those audio players cause trouble ??

Regards,
Tobias