Solved

How to create similar audio player?

Posted on 2013-01-03
8
499 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
How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

 
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

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Read about why website design really matters in today's demanding market.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

705 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

14 Experts available now in Live!

Get 1:1 Help Now