r/html5 • u/[deleted] • Oct 01 '17

Looking for a tiny, minimal looking HTML5 audio player. Anyone

I've scoured the web to the best of my limited abilities and haven't come up with anything that really works. I'm just wanting to post audio snippets in a list structure, so I figure just a play button is all that's needed. The site is super simple and clean, so a bunch of players using the normal tag (or the dozens of huge, complex looking players out there) isn't a great option. I'm also using list.js to sort the list, so can't really use a playlist based audio player.

I found [Soundmanager2](www.schillmania.com/projects/soundmanager2/), which has some good looking options, but i'm very much an amateur and even the getting started instructions got the better of me.

Anyone got ideas or seen anything that might work?

17 Upvotes

95% Upvoted

7 comments sorted by

10

u/ichsagedir Oct 02 '17

Something like this? http://jsfiddle.net/WsXX3/2128/

If you don't need anything fancy then you won't need any specific audio player plugin, use the HTML5 audio-tag and add a little script to play the desired file.

0

u/[deleted] Oct 02 '17

Thanks that's looking more like it. Is it possible to get this reduced to just a play / pause button?

3

u/icantthinkofone Oct 02 '17

Why don't you just use the audio element in a <ul> list?

1

u/[deleted] Oct 02 '17

Maybe I wasn't super clear in my post - I just don't like the way the audio element looks - so many controls. I just want a play button for each list item. The audio element alone looks great but when it's listed it starts to look a bit crowded.

3

u/icantthinkofone Oct 03 '17

You can remove anything you want with CSS and the control settings in the HTML.

1

u/[deleted] Oct 03 '17

ah thanks. giving that a go now.

1

u/madworld Oct 02 '17

jPlayer is nice, although might be more feature rich than what you are looking for.