CSS Personalization

[andrevandal]

Hi, I'm developing a web radio player to top 8 musics, I need customize all player but I can't use class instead of ids. Could you help me? Thanks.

[adamlutz]

hey there. not sure what problem you're having exactly. The players controls are all bound to specific ID's at present (see line 121: https://github.com/APMG/APMPlayer/blob/master/script/apmplayer_ui.jquery.js)

it would in theory be possible to change these ID values if for instance you have a HTML already that can't change. The library currently doesn't support overriding the css IDs, however, it's something that could be added.

Please send more detail as well, I'm not sure I understand your issue. cheers.

[andrevandal]

In my project I'll use ten players at same page, so I can't use IDs to define controls.

[adamlutz]

ahh, I see what you're after now. unfortunately, the lib doesn't currently handle multiple controls. It can however do a playlist of 10 playables (but I assume this doesn't fit your needs).

I did consider implementing this at one point, but was too complicated, and wasn't required for the original project I built this for. If you need multiple control bars, your best bet is probably an iframe, w/ separate players in each.

Hope this helps.

[andrevandal]

I can't use iframes because it isn't "SEOable". I'm searching a player that play aacp streaming(rmtp), mp3 streaming and mp3 files to use in my project and your player was the better that I found.

[adamlutz]

crud... yeah, the main reason i built this was because i needed aac/rtmp + mp3 streaming / files and there wasn't really another player out there that did both at the time well.

you might want to look at jPlayer if you haven't already. about a year ago, they were considering adding rtmp support, but not sure if they have yet or not. I do know it handles multiple players on a page.

w/ this player, i think the only option at present would be a single player control w/ 10 stations as playables (eg, you might be able to do something clever where you fake controls for other players on the page such that it simply changes the playable w/ the APMplayer, and have them scattered throughout the page, obviously different from the example player.

[andrevandal]

I tried use jPlayer but it doesn't still suport rmtp. If I do this: player_ui.parent_id + ' #' + player_ui.skin.css.pause to player_ui.parent_id + ' .' + player_ui.skin.css.pause

I can you more than 2 players?

[adamlutz]

prob won't make a difference i'm guessing. I'd have to play around and see what's possible..

have you tried multiple containers (parent ids) in the html where you init multiple players? ie something like

<div id="apm_media_wrapper"> .... </div>

and

<div id="apm_media_wrapper2"> .... </div>

then calling the init funciton on both to see what happens? if i recall correctly, the two players will function, however the UX is goofy in that all players respond when one is clicked.

$('#apm_media_wrapper').apmplayer_ui({ .... }); and $('#apm_media_wrapper2').apmplayer_ui({ .... });

I'm going to be heading out of town shortly, so won't have much time to respond this weekend, fyi.

[andrevandal]

I'll test it. Thanks.

[adamlutz]

make any headway w/ that? i'm guessing it won't work w/ the default out-of-box UI... but i'm guessing you could modify them (perhaps w/ some UX adjustments) and get something workable.