g200kg > WebMidiLink > 1.Introduction

WebMidiLink

2012/06/26

1.Introduction

« Prev 1.Introduction 2.Specification 3.SynthList (JSONP) Next »

 

English | Japanese

What is the WebMidiLink

WebMidiLink is a technology for the sync of multiple web-based synthesizers. Though the HTML5 audio functions allows you to build a web-based synthesizers, they still not have the ability of co-operating each other. WebMidiLink is a very simple protocol of the MIDI message transfer. Web-based host apps can use web-based synthesizers as if they are the plug-in synthesizers by this protocol.

This page is a sample of the WebMidiLink. Load web-based synthesizers by pressing the 'Load' buttons for each Instrument, and can play MMLs.

Chrome is recommended to run demo.

WebSequencer, the Pianoroll sequencer is now in development.


WebMidiLink Specification

WebMidiLink Specification
技術的な説明


Instrument-1 Instrument-2 Instrument-3

MML Play MML Stop


Instrument-1

URL : Load
  
g200kg:WebModular

aike:WebSynth

mohayonao:Timbre.js
aike:Beatonica
g200kg:WebBeeper
GameSmith:Webitaur
aike:BitMaker
g200kg:WebBridge
g200kg:GMPlayer
Takashi Mizuhiki:WebFMsynthesizer
g200kg:MidiDevDrive
Yuuta Imaya:sf2synth.js
g200kg:RenoidPlayer
Logue:MSXSprit.dls
Logue:Yamaha XG Sound Set.sf2
dtinth:synth.spacet.me
Logue:Wml2WebMidiApi

MML :  

Instrument-2

URL : Load
  
g200kg:WebModular

aike:WebSynth

mohayonao:Timbre.js
aike:Beatonica
g200kg:WebBeeper
GameSmith:Webitaur
aike:BitMaker
g200kg:WebBridge
g200kg:GMPlayer
Takashi Mizuhiki:WebFMsynthesizer
g200kg:MidiDevDrive
Yuuta Imaya:sf2synth.js
g200kg:RenoidPlayer
Logue:MSXSprit.dls
Logue:Yamaha XG Sound Set.sf2
dtinth:synth.spacet.me
Logue:Wml2WebMidiApi

MML :  

Instrument-3

URL : Load
  
g200kg:WebModular

aike:WebSynth

mohayonao:Timbre.js
aike:Beatonica
g200kg:WebBeeper
GameSmith:Webitaur
aike:BitMaker
g200kg:WebBridge
g200kg:GMPlayer
Takashi Mizuhiki:WebFMsynthesizer
g200kg:MidiDevDrive
Yuuta Imaya:sf2synth.js
g200kg:RenoidPlayer
Logue:MSXSprit.dls
Logue:Yamaha XG Sound Set.sf2
dtinth:synth.spacet.me
Logue:Wml2WebMidiApi

MML :  

MML format

Char Description
Tnn Tempo setting
A,B,C,D,E,F,G Note name. following number is duration.If the duration is 0, the note is polyphonic.
+,#,- sharp/flat
R rest
Vnn channel volume (nn=0-15) "midi,bx,7,(nn)*8"
@nn prog change (nn=0-127) "midi,cx,nn"
CHnn midi channel (nn=1-16)
Lnn default note duration
. Dotted note
Onn Octave
<,> Octave shift
& tie

WebMidiLink Supported WebApps

WebMidiLink supported Synths

Author Name Description URL
g200kg WebModular Modular synthesizer http://www.g200kg.com/webmidilink/webmodular/
aike WebSynth Mini Moog like synthesizer http://aikelab.net/websynth/
mohayonao Timbre.js Scripting synthesizer http://script-synthesizer.herokuapp.com/
aike Beatonica Rhythm Toy linking to Twitter http://beatonica.com/
g200kg WebBeeper Polyphonic beep test http://www.g200kg.com/webmidilink/webbeeper/
GameSmith Webitaur bass synthesizer http://www.angryoctopus.co.nz/synth16/
aike BitMaker Virtual 8bit Synthesizer http://aikelab.net/bitmaker/
g200kg GMPlayer GM mapped Multi-timbre Synth http://www.g200kg.com/webmidilink/gmplayer/
Takashi Mizuhiki WebFMsynthesizer Web FM synthesizer made with HTML5 http://www.taktech.org/takm/WebFMSynth/
g200kg MidiDevDrive Local Midi device driver for WebMidiLink http://www.g200kg.com/webmidilink/mididevdrive/
Yuuta Imaya sf2synth.js SoundFont Player/td> http://imaya.github.io/demo/sf2.js/wml.html

WebMidiLink Host App

Author URL Description
mohayonao https://dl.dropbox.com/u/645229/webmodular-and-timbre/index.html timbre.js Rhythm track + WebMidiLink Synth
tekisuke http://sketch.txt-nifty.com/blog/chrosspad/chrosspad.html ChrossPad for chrome

« Prev 1.Introduction 2.Specification 3.SynthList (JSONP) Next »

WebMidiLink的更多相关文章

随机推荐

  1. 常用doc命令

    1.查看ip:ipconfig    2.ping命令 -t 就会一直ping,使用Ctrl+c退出   3.查看路由:route print   4.如何查看端口号被占用:netstat -aon| ...

  2. css3中webkit-box的用法

    转自:http://www.frontopen.com/288.html 1.之前要实现横列的web布局,通常就是float或者display:inline-block; 但是都不能做到真正的流体布局 ...

  3. locate

    pre.cjk { font-family: "Nimbus Mono L", monospace } p { margin-bottom: 0.1in; line-height: ...

  4. Fake chat script for website download

    Are you searching for free fake webchat script then you are at the right place go get download your ...

  5. MVB帧

    MVB帧有两种类型:    1.仅有总线主发布的主帧:    2.从设备相应主帧而发送的从帧: 一个主帧及其相应的从帧形成一个报文. 主帧起始分界符和从帧起始分界符是不同的,以防止同步滑移 主帧的长度 ...

  6. 1745. Yet Another Answer

    http://acm.timus.ru/problem.aspx?space=1&num=1745 题目大意: 可以是任意的顺序,在满足括号匹配的情况下,求组合成的字符串长度最长 思路: 先将 ...

  7. Android中的Keyevent

    使用Adb shell command直接送key event給Android adb shell input keyevent 7 # for key '0' adb shell input key ...

  8. [Python Day5] 常用模块

    目录: 1.模块介绍 2.time & datetime 3.random 4.OS 5.sys 6.shutil 7.json & pickle 8.shelve 9.xml 处理 ...

  9. N皇后问题-Hdu 2553

      题目描述: 在N*N的方格棋盘放置了N个皇后,使得它们不相互攻击(即任意2个皇后不允许处在同一排,同一列,也不允许处在与棋盘边框成45角的斜线上. 你的任务是,对于给定的N,求出有多少种合法的放置 ...

  10. 使用NSJSONSerialization将数组或字典转为字符串

    IOS中将数组或字典转为字符串可以用NSJSONSerialization,代码如下: NSData* data = [NSJSONSerialization dataWithJSONObject:a ...