[ Jpn | Eng ]

Main Menu



Recent

Recent Entries:

Search

Search this site:

Archive

Powered by
MTOS 5.2.2

g200kg > WebGroove
WebGroove

WebGroove Ver. 0.9 (HTML5 Sequencer+SoftSynth+VocalSynthesizer)

HTML5+JavaScript Sequencer with SoftSynth+VocalSynth. Reamtime sound generation by Javascript. Audio output by "Audio Data API (Firefox)" or "Web Audio API (Chrome)". The sequencer is pattern based 16step sequencer. FM synthsized Rhythm + 4tracks of VirtualAnalog Synth upto 8 voices. In ver 0.9, added the VocalSynhesizer.

FireFox or Chrome is needed. MSIE nor Opera dont support Audio APIs yet. New Safari 6 (Mountain Lion) also support WebAudioAPI.


Lyrics:

URL to this song: the URL is displayed here by "Save" command.


Wav File Link

No Data


Updated

Ver. 0.9: *New GUI like a groovebox. *Added a VocalSynthesizer.

Ver. 0.8: *Stereo Output support(Pan controls are added). *WAV-file export properly support. *BugFix:fixed the unintended DC-offset

Ver. 0.7: *Tracks are expaned upto 4. *new GUI. *Export to WAV(TENTATIVE)

Ver. 0.6: *Improved performance. *Pianoroll is now 2.5 oct range. *A little compressed save-data.

Ver. 0.5: *FM based Drum synth

Ver. 0.4: *Support long notes. *Embedded VA-synth.

WebGroove Demo (YouTUBE)

Usage

All knobs can be manipulated by mouse drag or mouse wheel rotation after pointed.

SEQUENCE


Sequence pattern. The patterns are up to 64 types and upto 256 step sequence. One sequence frame is set of patterns for RHYTHM/VOCAL/TRACK-1 to TRACK-4. Editable by dragging or mouse wheel each frame AFTER FOCUSED. SequencePlay will start from current focused frame and loop to 1st frame when encounterd to the all '--' frame.

PATTERN


Display area for Drum-pattern, Pianoroll or Synth settings for the track selected by right-side buttons "Rhythm", "Vocal", "Synth-1" to "Synth-4".

16 step phrase can be drawn. Drag right for long notes input. Pianoroll range is 2.5 octave. Drag notes name area up or down for scroll.

The synth panel will be displayed for each track by "Synth" button.

Rhythm

This rhythm synth is FM-Based. Right-half is mixer for each instruments. Left-lower row is the main oscillator and the left-upper two rows are modulators.

TuneThe pitch of oscillator.
DecayDecay time of the oscillator.
BendBend the pitch of the oscillator.
LevelModulation level to the main oscillator
DriveOver drive

All instruments use same algo, just different about settings.

Vocal

Monophonic Vocal Synthesizer. The pianoroll has the lyrics row. Currently the Vocal Synthesizer has only japanese phoneme.

Phoneme
a i u e o
ka ki ku ke koga gi gu ge go
sa si shi su se soza zi zu ze zo
ta chi tsu te toda ji zu de do
na ni nu ne no
ha hi hu fu he hoba bi bu be bopa pi pu pe po
ma mi mu me mo
ya yu yo
ra ri ru re ro
wa wi we wo n
kya kyu kyogya gyu gyo
sha shu she shoja ju je jo
cha chu che cho
hya hyu hyobya byu byopya pyu pyo
mya myu myo
nya nyu nyo
fa fi fe fo
ti tudi du

Each phoneme sould be separated by one space char. For editing, use the form input field of "Lyrics:" under the WebGroove panel and press the "SET" button. One phoneme are used for one note.

VocalSynth panel will be displayed by "Synth" button.

OctOctave select
FormantFormant setting
DriveOver drive
RateVibrato rate
DepthVibrato depth

Synth-1~Synth-4

Synth with 1OSC +1LFO +Filter +ADSR. 16 step phrase can be drawn. Drag right for long notes input. Pianoroll range is 2.5 octave. Drag notes name area up or down for scroll.

OSCWaveWaveform of the oscillator. the waveform will be changed continuously not only be switched by this knob.
OctOctave selection
PWidthPulse width. effective for all waveforms.
LFOFreqFrequency of the LFO
PWMPulse width modulation to OSC
VibrPitch modulation to OSC
FILTERFreqCutoff frequency of the filter
ResoResonance of the filter
AAttack time of Filter-envelope.
DDecay time of Filter-envelope. this envelope is dedicated to filter. and only has 'A' / 'D' parameters.
ModModulation from Filter-envelope to cutoff
ENVAAttack time of the amplitude envelope
DDecay time of the amplitude envelope
SSustain level of the amplitude envelope
RRelease time of the amplitude envelope
LevelOutput level of synth

Main controls

VolumeMaster Volume
TempoTempo
Play PtnPlay a pattern selected by Seq. section.
Play SeqPlay total sequence.
New SongDelete Song
Load DemoLoad Demo Data (Initial state).
SaveSave sequence data to lower 'Text-Area'. The text can be loadable from this tex-area by 'Load' command. In Addition, the text also be functional as a URL for browsers.
LoadLoad sequence from the Text-area.
ExportWavExport the song as .wav file. The link to .wav file will be displayed aftrer run.

Description

WebGroove is written by HTML & javascript. Drawing by 'Canvas' and audio by 'Audio Data API' or 'Web Audio API'. The Audio APIs are only supported by FireFox or Chrome.