Jordan Eldredge Avatar

Jordan Eldredge

JavaScript dweeb working on Nuclide at Facebook. Side projects include: Winamp2-js https://hashb.in, http://urlme.me, https://markdown.today, & more.

Bay Area, CA · Twitter · GitHub · Website

Jordan Eldredge jordaneldredge.com

Speeding up Webamp's music visualizer with WebAssembly

Jordan Eldredge:

Webamp.org’s visualizer, Butterchurn, now uses WebAssembly (Wasm) to achieve better performance and improved security. Whereas most projects use Wasm by compiling pre-existing native code to Wasm, Butterchurn uses an in-browser compiler to compile untrusted user-supplied code to fast and secure Wasm at runtime.

Speeding up Webamp's music visualizer with WebAssembly

Diana Smith cyanharlow.github.io

A meticulously detailed portrait in hand coded HTML and CSS

This is a spectacular project by Diana Smith:

Rules I have for myself:

  1. All elements must be typed out by hand
  2. Only Atom text editor and Chrome Developer Tools allowed.
  3. SVG use is limited, and all shapes can only use hand-plotted coordinates and bezier curves - without the aid of any graphics editor.

The results are stunning, to say the least. I won’t embed the image here, because it won’t do it justice. You have to click through and see it for yourself.

The Changelog The Changelog #291

Winamp2 JS with Jordan Eldredge

Jordan Eldredge joined the show to talk with us about Winamp2-js — a reimplementation of Winamp 2.9 in HTML5 and Javascript. For many of our listeners, talking about Winamp may bring to mind some extreme nostalgia about the internet of the past … and it’s certainly that way for Jerod and I. Jordan started this project in 2014 and it’s what ultimately got the attention of some folks at Facebook, where he now works on Nuclide.

We shared stories about Winamp back in the day, actually listening to music as an mp3, the technical hurdles and learning Jordan has experienced, skinning it, playlists, making it a frontend for Spotify – which is so ironic to actually say. Also, Jerod has been hacking it via livestream on Twitch to add it as an alternate audio player on Changelog.com.

0:00 / 0:00