• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 519
  • Last Modified:

How to create similar audio player?

Are there any audio players available like the one at http://www.nytimes.com/projects/2012/snow-fall/#/?part=blur-of-white. It seems to be a derivative of http://www.jplayer.org/latest/demo-05/.

snow fall player
0
brettr
Asked:
brettr
  • 4
  • 3
1 Solution
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
You can use https://soundcloud.com/ , http://flowplayer.org/, html5 http://www.w3schools.com/html/html5_audio.asp or jplayer.   The nice thing about something like soundloud/flowplayer et el is they can help with the fall back if one version does not work, then another will.
0
 
brettrAuthor Commented:
Probably it wasn't clear in the original post.  I'm interested in the look and functionality of the above player.  I don't see anything like that on the links you posted.
0
 
Loganathan NatarajanLAMP DeveloperCommented:
0
What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

 
brettrAuthor Commented:
padas already posted it.  Where do you see anything like the above player at flowplayer.org?
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
That's 2 for flowplayer.  But if you liked the jplayer why not use that?  or http://www.html5rocks.com/en/tutorials/webaudio/intro/  you can make the player look however you want.  With the pure html5 version you are very open.  I have had good success with flowplayer though and the new interface is clean.
0
 
brettrAuthor Commented:
I still don't understand why you keep referring to flowplayer.  Do you have a screenshot of what you are referring to?
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
You can style the player to whatever size you want.  Your sample is a small square and you can see the demos are larger http://flowplayer.org/demos/ but you have a lot of play in how you make it  look.  http://flowplayer.org/test/
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
If you like the jplayer look you can use that too.  http://jplayer.org/latest/demos/.  All of these you can style with with css and your own images.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

  • 4
  • 3
Tackle projects and never again get stuck behind a technical roadblock.
Join Now