Re: [GMG-Devel] HTML5 Visualizer

[Joar Wandborg]

Dependency-wise it would be easier to build it client-side since we depend
on scikits.audiolab to extract the audio data. scikits.audiolab isn't
packaged for Debian/Ubuntu, and you need the libsnd1-dev package and some
magic for it to work.

As for a blog post, I do not feel like the player nor the spectrogram code
is perfect, the audioprocessing.py script
looks like it was written for the CLI and it does not conform to
the guidelines described in PEP-8.

We definitively have a good starting point though. The main problem is time,

--

Persistent hackers with time to spare might find any relevant information in

- 
https://github.com/jwandborg/mediagoblin/tree/master/mediagoblin/media_types/audio
- 
https://github.com/jwandborg/mediagoblin/blob/master/extlib/freesound/audioprocessing.py
- 
https://github.com/jwandborg/mediagoblin/blob/master/mediagoblin/templates/mediagoblin/media_displays/audio.html
- 
https://github.com/jwandborg/mediagoblin/blob/master/mediagoblin/static/js/audio.js

and as of you reading this email it will be published on the web and
eventually searchable from the major search engines.

If I get by a bucket of time cheaply or have my priorities thrown about I
may consider writing a longer and pedgagogically structured post.

Best,
Joar

On Tue, May 01, 2012 at 05:26:08PM -0700, Rich Jones wrote:
> Aaaaahhh, okay, if you're just generating it server-side and you have the
> capacity to do it, that's just as fine as doing it client-side as long as
> it's Free.
> 
> This stuff is really interesting to a lot of web-devs right now, you should
> do a blog post where you annotate how you did this!
> 
> Well done and good luck,
> 
> R
> 
> On Tue, May 1, 2012 at 5:06 PM, Joar Wandborg <address@hidden> wrote:
> 
> > Whoa, I meant "Hello Rich" :)
> >
> > I have this weird keyboard <https://gobblin.se/u/joar/m/mitigating-rsi/> 
> > that
> > I still have to come to terms with.
> >
> >
> > On Wed, May 2, 2012 at 2:04 AM, Joar Wandborg <address@hidden> wrote:
> >
> >> Hell Rich,
> >>
> >> first off, we do not use any functionality from SoundCloud, but I will
> >> take it
> >> as a compliment that you thought so :)
> >>
> >> To generate the thumbnails we rely on
> >>
> >> https://github.com/jwandborg/mediagoblin/blob/master/extlib/freesound/audioprocessing.py
> >> which is a script originally authored by a Bram de Jong. I found the
> >> script
> >> in the source code of freesound.org and built an audio thumbnailer around
> >> it
> >> (
> >> https://github.com/jwandborg/mediagoblin/blob/master/mediagoblin/media_types/audio/transcoders.py#L64
> >> ).
> >>
> >> A refractor/rewrite of the audioprocessing code has been initiated, but
> >> other things have come to be prioritized over it. I have some work done
> >> in a
> >> local branch which I may share if requested.
> >>
> >> As for the link
> >> (http://gun.io/blog/client-side-javascript-audio-waveform-visualizer/) it
> >> only works in Chrome and not in Firefox Nightly 15.0a1 (2012-04-25) nor
> >> Iceweasel 11, the problem seems to be the webkitAudioContext not being
> >> present.
> >>
> >> I like the philosophy of rendering it client-side and I have been looking
> >> into generating the spectrogram client-side although I found the main
> >> obstacle to be that not all browsers provide an API method to access the
> >> raw audio data. Thus I resorted to server-side processing.
> >>
> >> /Joar
> >>
> >> On Tue, May 01, 2012 at 04:31:19PM -0700, Rich Jones wrote:
> >> > Oh, and you can try it out here:
> >> > http://gun.io/blog/client-side-javascript-audio-waveform-visualizer/
> >> >
> >> > It only worked 100% in Chrome last time I tried it, but I think it might
> >> > work in the most recent FF.
> >> >
> >> > R
> >> >
> >> > On Tue, May 1, 2012 at 4:29 PM, Rich Jones <address@hidden> wrote:
> >> >
> >> > > Saw in the screenshots of the new release you're using Soundcloud to
> >> > > visualize your tracks.
> >> > >
> >> > > If you're interested, I've got a pure-JS client-solution solution
> >> that may
> >> > > suite your needs better (and provide a more Free alternative)
> >> > >
> >> > > Check it out: https://github.com/Gunio/browser-waveform
> >> > >
> >> > > -R
> >> > >
> >>
> >> > _______________________________________________
> >> > devel mailing list
> >> > address@hidden
> >> > http://lists.mediagoblin.org/listinfo/devel
> >>
> >>
> >
> >
> > --
> > Joar Wandborg
> > wandborg.se
> >
> >
> > _______________________________________________
> > devel mailing list
> > address@hidden
> > http://lists.mediagoblin.org/listinfo/devel
> >
> >

> _______________________________________________
> devel mailing list
> address@hidden
> http://lists.mediagoblin.org/listinfo/devel