MATRIXSYNTH: HTML5 Online Synths


Monday, May 03, 2010

HTML5 Online Synths

HTML5 and Javascript Synthesizer from Corban Brook on Vimeo.


"A synthesizer running in a modified version of firefox (minefield)."

In-browser Synthesizer and Sequencer with Envelope and Filter control from Corban Brook on Vimeo.


"My latest processing.js demo using David Humphrey's experimental Firefox build. This demo uses my new javascript dsp library PJSAudiio github.com/corbanbrook/pjsaudio

PJSAudio Oscillator module generates a signal which is sent through a Low Pass Filter and ADSR Envelope and then written to the soundcard through the HTML 5 audio tag."

HTML5 Audio with Realtime Javascript Low Pass Filter from Corban Brook on Vimeo.


"Uses a modified version of Firefox which allows for reading and writing of raw audio data.

Reads from first (muted) audio tag, passes through a low pass IIR Filter (implemented in Javascript), and then Writes processed signal to a second audio tag, all in real time, frame by frame."

Bloop HTML5 Instrument inspired by Brian Eno's Bloom from Bocoup on Vimeo.


"This is a demonstration of a simple touch screen video instrument by Al MacDonald (twitter.com/f1lt3r). The instrument is built using the Firefox web browser with no plug ins, inspired by Brian Eno's Bloom application available on iPhone.

We used Firefox's Audio Data API to generate tones with JavaScript and push them to the audio stream of the sound card. The circles on the screen respond to touch events and are rendered using the Canvas element.

For help visualizing audio data in Firefox, connect to irc.mozilla.org and join the Processing.js channel ( irc://irc.mozilla.org/processing.js ). You can read more about Mozilla's Audio Data API at: wiki.mozilla.org/Audio_Data_API

Thanks to NotMasterYet & Corban Brook for great tweaks to buffering code."

WebGL HTML5 JavaScript Beat Detection from Bocoup on Vimeo.


"WATCH THE SMALL X GROW!!!

ther great demo from Charles Cliffe (twitter.com/ccliffe) using the Audio Data API in Firefox analyze a live audio stream to detect the beat in JavaScript. Watch JavaScript lock in to the beat and turn the WebGL cogs in time with the music. Yes... the web is *this* awesome!

For help visualizing audio data in Firefox, connect to irc.mozilla.org and join the Processing.js channel ( irc://irc.mozilla.org/processing.js ). You can read more about Mozilla's Audio Data API at: wiki.mozilla.org/Audio_Data_API"

Note the Apple iPad supports HTML5 and not Flash. via CDM

No comments:

Post a Comment

To reduce spam, comments for posts older than one week are not displayed until approved, usually same day. Do not insult people. For items for sale, do not ask if it is still available. Check the auction link and search for the item. Auctions are from various sellers and expire over time. Posts remain for the pics and historical purposes. This site is meant to be a daily snapshot of some of what was out there in the world of synths.

PREVIOUS PAGE NEXT PAGE HOME


Patch n Tweak
Switched On Make Synthesizer Evolution Vintage Synthesizers Creating Sound Fundlementals of Synthesizer Programming Kraftwerk

© Matrixsynth - All posts are presented here for informative, historical and educative purposes as applicable within fair use.
MATRIXSYNTH is supported by affiliate links that use cookies to track clickthroughs and sales. See the privacy policy for details.
MATRIXSYNTH - EVERYTHING SYNTH