MATRIXSYNTH: HTML5


Showing posts with label HTML5. Show all posts
Showing posts with label HTML5. Show all posts

Tuesday, December 18, 2012

WebSequencer - Online Sequencer Featuring Virtual Synths

WebMidiLink : WebFMsynthesizer on WebSequencer

Published on Dec 17, 2012
3 Instances of Web FM synthesizer ( by Takashi Mizuhiki) on WebSequencer
Just access with Chrome/Safari6."

Takashi Mizuhiki is the man behind the DXi FM synthesizer for iOS.

Check out the FM synth here. You'll see a drop down on the top left of this image when you get there. Click on it to select and load different virtual synths.

"WebSequencer is a MIDI sequencer written in HTML5/Javascript.
Chrome is recommended considering the Web-synths compatibilities.
WebSequencer can load up-to four WebMidiLink compatible Web-synths.
MIDI files can be loaded by 'LoadFile' button or FILE-DROP.
The created song can be saved from the 'SAVED-FILE' link after clicking the 'SaveFile' button.
In addition, the song can be direct linked form 'SAVED-URL'."
You might recognize the bottom g200kg virtual modular from here.

Thursday, September 27, 2012

Wave-PD1 HTML5 Online Pad Synth

Update: the URL would help. Sorry about that: http://alxgbsn.co.uk/wavepad/

via Livio Lanzetta on Facebook

"TRY IT!

Can Your Mobile Device Play This? (HTML Audio Test)

Alex Gibson’s WAVE-PD1, aka WavePad, is a basic synth toy that sounds a bit like a theremin, built with HTML 5 audio.

WavePad has a simple touchpad UI and generates sound based on the wa
veform and filter settings that you can select. It can also be affected using delay and feedback settings.

While it’s unsophisticated as a synth, it’s built with HTML and delivered via the Web, so it should theoretically be cross-platform. At this time, only about 25% of the smartphones in use support HTML5 audio.

Does this work with yours?"

This worked for me on Safari, but not Firefox. The resolution is a bit large for a phone but it does work.



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
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