Playing music outside of the datatable.

jkathir

1. Need a best web mp3 player with equalizier and other options which will be displayed first
2. Below the music player a datatable with exist with huge rows and each row will point to a mp3
3. Need to play the music player to play the selected row of a datatable?

What would be the Web music player
Invoke on when row is clicked with a button

Number of music mp3 files would be 2,000

jkathir

@allan any suggestion on this?

kthorngren

Choosing the audio player you use is outside the scope of this forum.

One option is to use the Select extension. There are some examples of using the API for events and getting selected items.

Kevin

allan

Yup - what Kevin says .

Allan

jkathir

I agree it is related to integration. Any link for reference to have the integration with datatable.

jkathir

Want to use the following player when a row is clicked -

https://alloyui.com/examples/audio/real-world

allan

$('#myTable').on( 'click', 'tbody tr', function () {
  var rowData = table.row( this ).data();

  // some code to change the audio player's source
  ...

  audio.play();
} );

would seem to do it.

Allan

jkathir

Thanks for your kind reply Allan as usual. I hope you will understand the alloy ui audio above example very easily than i can. Is it possible for you to give me a sample code with single row with any mp3 file link.

allan

Sure - happy to write that code for you under the Quick Support 180 package.

Allan

jkathir

No issues, allan. I have done it by myself...Do you know any beautiful open source player with equalizier and stereo effects which can be integrated as alloy? Just a suggestion would be helpful.

allan

Nope sorry. Web audio isn't something I've used much.

Allan

jkathir

@allan after getting the row data as below

var rowData = table.row( this ).data();

how to get the specific column value? example my column is the 4th column and first column is serial number - it may be auto-incremented or manual

allan

rowData[3] if you are using arrays. rowData.myDataPropertyName if you are using objects.

Allan

pettedemon

Hi,
I have a media elements player outside the table.
The script to play audio is this

$("#canzoni_player tbody").on("click", "tr td div.click_play", function () { 
    // get Canzone name
        var canzone=$(this).find("input[type="hidden"]").val();
    // switch out player"s video source and reload
    var player = $("#player2")[0].player.media;
    player.setSrc("/songs/" + canzone);
    player.load();
    player.play();
    
    $(".playing,.now").removeClass("now").removeClass("playing").addClass("start");
    
    $(".playing-stop,.now").removeClass("now").removeClass("playing-stop").addClass("start");
    
    
    $(this).addClass("playing");
    $(this).addClass("now");
    $(this).removeClass("start");
});

But I cannot use the player outside the table, I cannot select it... it is impossible?
thanks

allan

@pettedemon - I'm not sure how your question relates to DataTables? Perhaps you can link to the page showing the issue so I can take a look please?

Allan