Solved

How to create similar audio player?

Posted on 2013-01-03
8
504 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
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 

Author Comment

by:brettr
ID: 38742788
padas already posted it.  Where do you see anything like the above player at flowplayer.org?
0
 
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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

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

This article discusses how to create an extensible mechanism for linked drop downs.
An enjoyable and seamless user experience can go a long way on an eCommerce site. While a cohesive layout and engaging copy play roles in creating a positive user experience, some sites neglect aspects that seem marginal but in actuality prove very …
This tutorial demonstrates how to identify and create boundary or building outlines in Google Maps. In this example, I outline the boundaries of an enclosed skatepark within a community park.  Login to your Google Account, then  Google for "Google M…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

770 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