I would like to know if it is possible to visualise audio from soundcloud's custom player:
http://developers.soundcloud.com/docs/custom-player#
At the moment I could only think about using videos, but I would like to know if it is possible to do with javascript or jQuery, maybe there are some cool libraries out there?
EDIT:
So far this is the only exact thing I found that does exactly what I want, but I am having trouble in understanding how it works, I was trying to play around with source code but had no luck ;/ and I don't wan't to copy it exactly. Maybe you could explain principle behind it and suggest how to change it's appearance?
check here: http://learningthreejs.com/blog/2012/05/08/sound-visualisation-vuemeter-in-webgl/
or you can search other Web Audio Api examples for Chrome and Safari and Data Audio API for Firefox
Related
I have tried in several ways, but I couldn't find a better one. I really want to play a background video using pure Angularjs
Hi why dont you use this
http://www.videogular.com/
Its a well documented Lib
I'm creating a streaming music service on my website using a fork of jPlayer called jPlaylister.
One thing this doesn't do is scroll the playlist to the currently playing song.
I would also like to implement a nicer scrollbar for manually scrolling the playlist (instead of using browser default).
I came across http://jscrollpane.kelvinluck.com/index.html which looks perfect for what i want (it can do both things).
So when i tried implementing it, it just didn't work. No results, nothing. It's like the code wasn't even there.
I of course included the neccessary js files and put the below JS function in my head:
$(function()
{
$('.scroll-pane').jScrollPane();
});
I actually changed the .scroll-pane class name to an existing class name (the one which i want to scroll of course).
If anyone has successfully got this working (as i've seen a few questions on the same subject on various forums, websites etc) then i'd love some help!
The development version (http://jplaylister.yaheard.us/dev/) has this feature...I'm long overdue for a release, but prepped the files for someone else and will be happy to pass it on to you if you are interested.
nc (jplaylister author)
email at thenickchapman ... gmail or use the jplayer google group and tag me or something crazy.
Say i have a HTML5 tag. Is there any possible way for Javascript on the page to get the current speaker output, and then graph it to produce a volume bar that got larger when the music got louder and smaller when the music got quieter? I don't care if it works in IE or not. If this is not possible, would it be possible to extract that data out of the mp3 file and hope it lines up? I REALLY don't want to use flash.
Edit: I was inspired by this. Unfortunately it uses hard-coded values which wont work for me.
Short answer, yes it's possible. Check out the esteemed Mr. Doob's example. Sadly, looks like the explanatory blog post is down.
Mozilla has a custom extension, but Doob's example is working in WebKit...
The JS Audio Data API will let you do this with an html5 audio tag, or audio that is played from javascript. See https://wiki.mozilla.org/Audio_Data_API for details and examples. I don't know offhand what the status of this API is in current browsers.
I'd like to know if there is any cross browser light-weight invisible sound players that are controlled by JavaScript, but not using any frameworks like jQuery.
I'm not looking to use HTML5 at all. So maybe a solution that uses Flash.
Something that is not more than load() and play().
I believe SoundManager 2 may fit your needs:
http://www.schillmania.com/projects/soundmanager2/
If you don't care about old browser, i'd suggest looking at what you can do with the audio tag of HTML5.
For example to play see: http://dev.w3.org/html5/spec/Overview.html#playing-the-media-resource
The 1Pixelout Player for Wordpress could by used (just use the SWF) and then hidden with CSS
http://wpaudioplayer.com/
-edit
DewPlayer has also JavaScript Controls (scroll down to the bottom)
http://www.alsacreations.fr/dewplayer-en
SoundJS
http://www.createjs.com/#!/SoundJS
A Javascript library that provides a simple API, and powerful features to make working with audio a breeze.
Nice looking examples
Easy to use
Large following of users
Continuous development
Published on GitHub
and you can use it via a CDN:
http://cdnjs.cloudflare.com/ajax/libs/SoundJS/0.4.1/soundjs.min.js
I am creating a little JavaScript music player that sits on the btottom of the page, a lot like streampad. But streampad uses a flash progress bar for the song and JavaScript for everything else and I am having a hard time finding anyone who does this with JavaScript alone. Can anyone point me in the right direction on how this can be done (preferably without using HTML5)?
There's no way to do this with just Javascript, without going into html5 (the audio tag).
SoundManager 2 has a hidden flash component, and the UI is completely in JS. It's up to you to implement a seekbar or whatever you want, but there's a whole lot of example code. SM2 seems pretty popular, and is used by a number of big sites (Soundcloud, Last.fm, Muxtape).
i think you may found usefull look at theese:
Monitoring Loading Progress of SWFs
http://code.google.com/p/swfsound/
SWFSound is based on SWFObject and
allows cross-plattform, cross-browser
sound support for HTML/JavaScript
using Flash Player 8 and higher.
http://code.google.com/p/swfobject/
SWFObject is an easy-to-use and
standards-friendly method to embed
Flash content, which utilizes one
small JavaScript file
just some example
http://www.happyworm.com/jquery/jplayer/
http://www.bauer.uh.edu/parks/video3.htm
You can't do that without HTML 5 or Flash.
You could however create an hidden flash player and control it via javascript using External Interfaces.
Maybe you can use a library that implements a progress bar using html5 and javascript, see RGraph: http://www.rgraph.net/examples/progress.html