Sound


Friday, May 28th, 2010

Amazing Audio API JavaScript Demos

Category: Showcase, Sound

David Humphrey and the hit squad of audio gurus have some new amazing demos for us. Perfect for a Friday. This is all through the rich Mozilla Audio API work which will hopefully be pushed into other browsers at some point in the not so distant future. Charles Cliffe has some awesome WebGL visualizations from Read the rest…

Posted by Dion Almaer at 7:01 am
Comment here

++++-
4.4 rating from 11 votes

Friday, May 21st, 2010

SoundManager2 now with HTML5 Audio

Category: Sound

Scott Schiller, the best moustache-d frontend engineer around, has updated his awesome SoundManager library. The latest SoundManager 2 version now comes with free HTML5 Audio support which makes it a HTML5 Audio()-capable JavaScript Sound API, backwards-compatible via Flash fallback for MP3/MP4 formats. Existing SM2 API seamlessly uses HTML5 where supported, currently experimental; and of course… Read the rest…

Posted by Dion Almaer at 9:22 am
11 Comments

+++--
3.3 rating from 3 votes

Monday, May 17th, 2010

Speech Recognition with Javascript; speechapi.com

Category: Sound

Elias Majic and Spencer Lord have guest authored this post on speech recognition in JavaScript. Do you have something to share? Consider your own guest post and contact us! Recently Google’s free text to speech api has made the rounds. The reverse is also possible, converting speech to text. With speechapi.com’s javascript API, it is Read the rest…

Posted by Dion Almaer at 6:18 am
5 Comments

++++-
4 rating from 6 votes

Wednesday, March 31st, 2010

From Whisper to Shout; A new form of volume control

Category: Fun, Showcase, Sound

David Friedman calls is “silly”, but he has created something simple and fun in his new form of volume control that moves from whisper to shout as you change the volume. The code (which works on Firefox and Opera right now) uses different tracks for each level: HTML4 < view plain text > <audio id="apA" Read the rest…

Posted by Dion Almaer at 9:03 pm
3 Comments

++++-
4 rating from 8 votes

Tuesday, March 9th, 2010

Spectrum Visualization with the HTML5 Audio Data API

Category: Sound

The HTML5 specification introduces the and media elements, and with them the opportunity to dramatically change the way we integrate media on the web. The current HTML5 media API provides ways to play and get limited information about audio and video, but gives no way to programatically access or create such media. We present a Read the rest…

Posted by Dion Almaer at 6:20 am
3 Comments

++++-
4.2 rating from 24 votes

Thursday, January 7th, 2010

Amazing Audio Sampling in JavaScript with Firefox

Category: Sound

Above shows the work of some awesome developers. Alistair MacDonald, David Humphrey, Thomas Saunders and Corban Brook have collectively done some great forward looking work with audio sampling and JavaScript. You have to use a custom build of Firefox to make it work right now, but listen to the story of how this came about. Read the rest…

Posted by Dion Almaer at 6:46 am
10 Comments

++++-
4.4 rating from 43 votes

Thursday, July 30th, 2009

The Doctor subscribes HTML 5 Audio cross browser support

Category: Sound

The doctor is in, and this time the specialist is Mark Boas who walks us through HTML5 Audio in various browsers and how to get audio working on the various implementations that are in the wild today. This early in the game especially, all implementations are not equal. For one there is the codec support: Read the rest…

Posted by Dion Almaer at 6:12 am
17 Comments

+++--
3.6 rating from 14 votes

Friday, July 3rd, 2009

It’s Friday. Play some drums…. HTML5 style

Category: Examples, Sound

Brian Arnold created a fun sample drum machine simulator using HTML5 <audio>. javascript < view plain text > function playBeat() {     if (isPlaying) {         var nextBeat = 60000 / curTempo / 4;         // Turn off all lights on the tracker’s row         Read the rest…

Posted by Dion Almaer at 8:11 am
7 Comments

+++--
3.6 rating from 31 votes

Wednesday, May 6th, 2009

SoundManager 2: Cool New Flash 9 Features

Category: Flash, JavaScript, Sound, Video

Scott Schiller has updated his popular SoundManager 2 library to include new functionality made possible by Flash 9, such as: * Full-screen MPEG-4 video (HE-AAC/H.264) and audio support * “MultiShot” play (layered/chorusing effects) * Waveform/frequency spectrum data * Peak (L/R channel volume) data * Audio buffering state/event handling In addition, SoundManager 2 now includes improved Read the rest…

Posted by Ben Galbraith at 8:00 am
8 Comments

++++-
4.6 rating from 35 votes

Monday, December 15th, 2008

The Cloud Player: Web-based iTunes using jQuery

Category: Examples, jQuery, Sound

Eric Wahlforss, the founder of SoundCloud, wrote in to tell us about “The Cloud Player“, a iTunes / Songbird clone written entirely in Ajax: we just released an open-source itunes-clone built in jquery (and app engine, soundmanager 2, soundcloud api), complete with smart playlists, drag’n’drop, keyboard shortcuts, load-as-you-scroll playlists, playlist sharing, waveform display of tracks, Read the rest…

Posted by Ben Galbraith at 1:11 pm
11 Comments

+++--
3.5 rating from 45 votes

Tuesday, November 25th, 2008

Generating and Playing Sound in Javascript

Category: Sound

Another experiment with sound, data: URIs, and the embed tag. SK has shown that it’s possible to generate wave file in Javascript and play it. All this happens in the browser and without requiring Flash. He’s built a sine wave generator and a song player. I came across a post about putting .wav files in Read the rest…

Posted by Michael Mahemoff at 9:35 am
13 Comments

+++--
3.8 rating from 30 votes

Tuesday, November 18th, 2008

JS-909: Drum Machine, No Flash

Category: Showcase, Sound

Cameron Adams has another fun Javascript experiment in JS-909, a drum machine he built from scratch. It plays sound without Flash, along with a check that your browser is capable of playing sound this way, and also includes a little canvas-powered psychedelic graphics engine. At the recent Web Directions JavaScript libraries panel, I was in Read the rest…

Posted by Michael Mahemoff at 4:09 am
11 Comments

+++--
3.9 rating from 26 votes

Wednesday, August 13th, 2008

More on codecs: Apple’s view, and the BBC makes a move

Category: Sound, Standards

We just talked about codecs, and in particular the world of Ogg. Mozilla came out supporting the format, and saying that we should see it in Firefox 3.1. Niall Kennedy then reminded me of a post, way back in time, by David Singer of Apple discussing the research that Apple did into Ogg: Preamble The Read the rest…

Posted by Dion Almaer at 7:16 am
5 Comments

+++--
3.5 rating from 11 votes

Monday, July 7th, 2008

SoundManager 2 Update: Flash 9 and Chorus effects

Category: Sound

Scott has updated SoundManager2 with some nice new features. The biggest is the update to support Flash 9, which brings with it: multiShot properly allows play() to be called multiple times on a sound object, creating desired “chorus” effect. Will call onfinish() multiple times, but whileplaying() etc. are called only for the first “play instance” Read the rest…

Posted by Dion Almaer at 12:58 am
8 Comments

++++-
4 rating from 16 votes

Tuesday, May 27th, 2008

SoundManager 2 Updates: Speed and Demos

Category: Java, Sound

Scott Schiller has updated one of our favourite libraries, SoundManager. Being able to simply play some audio from your Ajax applications can be great, as long as you don’t use it gratuitously…. although we tend to do that a little in some of our demos :) We used SoundManager in our Wii Darts application. The Read the rest…

Posted by Dion Almaer at 7:39 am
Comment here

++++-
4 rating from 26 votes

Wednesday, January 16th, 2008

Winter Holiday Christmas Lights

Category: Fun, Showcase, Sound

Scott Schiller redesigned his site for the holidays and I somehow missed it. He tends to experiment with JavaScript in this way, and this year is a great example: Move your mouse over the christmas lights (with headphones), and blow off some holiday stress! Smash -all- of the lights, and you will be.. rewarded. ;) Read the rest…

Posted by Dion Almaer at 8:28 am
2 Comments

+++--
3.4 rating from 28 votes

  • Page 1 of 2
  • 1
  • 2
  • >