We actually talked about more than Web Audio; there’s a list of links to things we mentioned during the episode. From progressive enhancement to Firefox’s Web Audio editor, to the old PCMania tracking stories, to Firefox for iOS… lots of things!
I was really pleased with the experience. The guys were really good at planning, and did a great job editing the podcast as well (and they use Audacity!).
I gave my “Hands-On Web Audio” talk at the London JS meetup, held at the offices of Just Eat. It was broadcasted as a Hangout, and also recorded so you can replay or see if you couldn’t attend:
If you want to play along, the slides are live here and here is the source code as well. Disclaimer: depending on your computer, they might be a bit too much in both Firefox or Chrome. There seems to have been a regression and the intro sound is extremely stuttering in “slower” computers (slower as in “a MacBook Retina”).
It was a bit awkward because their big screen was actually six TVs and most of the content in my slides is centered vertically on the slide, which coincided with the middle of the frames, so it was quite unreadable. That is why you’ll hear a number of comments akin to “oh this is very inconvenient” from me, during the talk.
After I finished the talk itself, we had a round of questions, and I also showed how to debug web audio with the Web Audio editor in Firefox DevTools.
Feedback on the talk seems really positive and I’m happy people got interested in playing with the Web Audio API and making dubstep! YES!
Great talk! I left inspired to go play. I’d used some features of the audio API before but Sole’s enthusiasm and dubstep obsession triggered a string desire to get creative with it again.
Spectacular demo by Soledad. She really knows what she’s talking about
I’m really happy that people were happy and interested in the API 🙂
Side note, 1
A few people asked me about the slides: how are they made?! are they WebGL?! can they use the system to make their own slides?
Answer: they are WebGL, and they use three.js underneath. Right now the system is quite hardcoded, but I’m happy to announce that I’m working on refactoring the code so anyone can build their own 3D slide deck, using their own demo scenes. So I guess I am building a slide deck framework… 😬 #sendhelp
You can have a look at the project here, but don’t send me requests yet, kthx. An online demo is available as well. Right now it can only render basic H1-H4 and P nodes… in 3D! Not bad!
Side note, 2
I was really excited that I made it to the meetup (!), because I forgot my phone home that morning. I found out when I was in the office already, and I didn’t want to go back. So I printed the map and started cycling to the meetup place. Except I didn’t know very well the area, so I got lost twice. Not too bad though, I stopped and produced my paper map and let people look at me with weird looks (“she’s looking at a paper map!”). Anyway, I used:
a) my brain, instead of trusting everything to a GPS enabled device
b) those little maps in the street showing where you are
and I made it!
The way back was easier as I knew the area before. I tracked my route using my fitbit, and was really pleased to see that I had reached almost 30km/h on my humble Brompton.
It was coincidentally also Cycle To Work day yesterday, so I was doubly pleased that I cycled to work and also to meet up.
Should there be a Cycle To Meetup day too? I think so 😏
Note how I showed the whole URL to the proceedings instead of just linking “the proceedings” to the proceedings list.
Here’s where I rant: the Web Audio Conference needs a number of things, of which I will just enumerate two today, because I’m in a hurry:
Have a stable home. That the website keeps changing servers and paths from year to year is just ridiculous, and mega awful for archival purposes. They said they were attempting to formalise Web Audio literature by archiving them in papers. Then they scatter them all over the Internetssss.
Really be Web. Not just “Web” as it is right now. Clicking on a “proceeding” brings you to a PDF paper. A! PDF! PAPER! This is not the Web. PDF does not belong to the web. Do you know what belongs to the Web? HTML in websites I can just access from within my browser.
I can happily confirm that the bug has been fixed in Nightly and the fix will hopefully be “uplifted” to DevEdition very soon, as it was due to a regression.
Paul Adenot (who works in Web Audio and is a Web Audio spec editor, amongst a couple tons of other cool things) was really excited about the bug, saying it was very edge-casey! Yay! And he also explained what did actually happen in lay terms: “you’d have to have a frequency that goes down very very slowly so that the FFT code could not keep up”, which is what the THX sound is doing with the filter frequency automation.
I want to thank both Fritz for spotting this out and letting me know and also Stuart for sharing his THX code. It’s amazing what happens when you put stuff on the net and lots of different people use it in different ways and configurations. Together we make everything more robust 🙂
Of course also sending thanks to Paul and Ben for identifying and fixing the issue so fast! It’s not been even a week! Woohoo!