Solved

How to create similar audio player?

Posted on 2013-01-03
8
502 Views
Last Modified: 2013-01-03
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
Comment
Question by:brettr
  • 4
  • 3
8 Comments
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 38742766
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
 

Author Comment

by:brettr
ID: 38742775
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
 
LVL 36

Expert Comment

by:Loganathan Natarajan
ID: 38742776
0
 

Author Comment

by:brettr
ID: 38742788
padas already posted it.  Where do you see anything like the above player at flowplayer.org?
0
3 Use Cases for Connected Systems

Our Dev teams are like yours. They’re continually cranking out code for new features/bugs fixes, testing, deploying, testing some more, responding to production monitoring events and more. It’s complex. So, we thought you’d like to see what’s working for us.

 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 38742793
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
 

Author Comment

by:brettr
ID: 38742795
I still don't understand why you keep referring to flowplayer.  Do you have a screenshot of what you are referring to?
0
 
LVL 52

Accepted Solution

by:
Scott Fell,  EE MVE earned 500 total points
ID: 38742797
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
 
LVL 52

Expert Comment

by:Scott Fell, EE MVE
ID: 38742799
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

Featured Post

DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

CSS is a visual language used to classify objects and define rules about how they should be displayed. CSS skills aren’t restricted to developers anymore, there is a big benefit to having a basic understanding of the language, regardless of your occ…
Get to know the ins and outs of building a web-based ERP system for your enterprise. Development timeline, technology, and costs outlined.
The viewer will learn how to create and use a small PHP class to apply a watermark to an image. This video shows the viewer the setup for the PHP watermark as well as important coding language. Continue to Part 2 to learn the core code used in creat…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)

910 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

20 Experts available now in Live!

Get 1:1 Help Now