HTML5 audio player for website and mobile usage

Question

I have a page that has multiple instances of HTML5 audio players on it (it has multiple .mp3 links, that I want to be playable).

I want to develop my own custom HTML5 audio player, with my own graphics and stuff, and the main thing that I want is to have bigger controls (play button, music scroll, volume knob etc) ONLY for the [mobile/Android] version of the page.

Is that possible ? To have different control sizes (play, pause etc.) for different screen-resolutions ?

score 1 · Accepted Answer · edited May 23 '17 at 12:13

1

with using the @media Rule you can do exactly what you want CSS3 @media Rule

and there is another document that helps you found if the page is being viewed by Mobile/Tablet/PC and etc...

Link to Document

edited May 23 '17 at 12:13

Community

1
1

answered Nov 09 '16 at 20:27

RadioTunes.in

48
11

So you say that basically I will use the @media rule to specify the "play" button class has another ".jpg" source which will be bigger for mobile ? – Adrian Tanase Nov 09 '16 at 21:21
1

yes. with @media you can set different resolutions for your images. – RadioTunes.in Nov 10 '16 at 21:11

HTML5 audio player for website and mobile usage

1 Answers1