Hacker News Reader

Comment by noelwelsh | Hacker News Reader

The sounds are included directly in the JS, which is pretty neat: https://github.com/theonion/fartscroll.js/blob/master/fartsc...

And in ogg as well as mp3, to boot. Settling once and for all the great question which of these two codecs is more efficient at encoding flatulence.

It's because Firefox doesn't support mp3 via the HTML5 <audio> tag due to licensing IIRC. IE supports mp3 but not ogg. Chrome supports both.

Well - which is more efficient?

What's important is that neither stinks.

I would say that including two audio assets for the same sound seems like a code smell.

Perhaps an MP3 => OGG JavaScript converter is in order.

Transcoding is not a computationally cheap endeavor…

Well, since we are talking about a demo/proof of concept it could be interesting to try.

In case it slipped right past your nose, the previous comments were a play-on-words in reference to the library.

I think he meant to say an MP3 => OGG JavaScript converter is an odor.

It didn't, but I was wondering about the actual technical aspect of using a single asset type and a codec as a shiv.

At least in terms of size, the mp3 strings are 23%~ lighter than the ogg strings.

Curious what quality they encoded them with.

The ogg's bitrate is 35kb/s. The mp3's bitrate is 32kb/s. The sample rate for both is 11025 Hz.

It is a fart sound... how much quality do they need? lol

320 kpbs

Presumably they did that just to avoid external dependencies.

Talk about anal...

The novelty of the fart sounds is funny, but the JS implementation is fascinating.

How did they convert the mp3/ogg into strings?

Love Base64 encoding... for anyone looking to optimize their CSS, check out Shaun Inman's CSS Cacheer... it can automatically inline images using that encoding: http://www.shauninman.com/archive/2008/05/30/check_out_css_c...

Sorry for slightly OT, but I really do love Base64...

Or if you're on Rails, there's a little-known helper as part of the asset pipeline that will do this for you:

    #logo { background: url(<%= asset_data_uri 'logo.png' %>) }