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. python中引用

    python中的可变类型与不可变类型: 在讲python深浅拷贝之前,我们首先应该明白python中元素的类型:主要分为可变类型和不可变类型. 可变类型,就是值可以改变的类型有两个: 列表:list ...

  2. C# in VS

    1. DllImport是System.Runtime.InteropServices命名空间下与与非托管相关的一个属性类,负责导出从非托管的dll中导出函数信息,导出的函数在声明时必须有extern ...

  3. Android版本

    Android自从3.0版本开始引入了Fragment的概念,它可以让界面在平板上更好地展示   Fragment建议继承android.app.Fragment的包,另外support.v4包主要是 ...

  4. blade and soul zone overview

    The world of Blade and Soul, is a vast extension of land containing two continents (the Southern Con ...

  5. java中this 关键字的使用

    在方法中定义使用的this关键字,它的值是当前对象的引用.也就是说你只能用它来调用属于当前对象的方法或者使用this处理方法中成员变量和局部变量重名的情况.而且,更为重要的是this和super都无法 ...

  6. EntityFrame Work:No Entity Framework provider found for the ADO.NET provider with invariant name 'System.Data.SqlClient'

    今天试着学习了Entity Frame Work遇到的问题是 The Entity Framework provider type 'System.Data.Entity.SqlServer.SqlP ...

  7. RegExp

    var str = "1a1b1c";var reg = new RegExp("1(.)", "g");alert(reg.test(st ...

  8. Rhel6-csync配置文档

    系统环境: rhel6 x86_64 iptables and selinux disabled 主机:192.168.122.160 server60.example.com 192.168.122 ...

  9. While循环

    package ForType; public class ForType { /** * @param args */ public static void main(String[] args) ...

  10. HTML元素隐藏和显示

    在web前端开发过程中,经常会用到隐藏和显示元素的方法 总结:1.通过JS或Jquery控制          2.通过CSS样式控制 一.Js或jquery (jquery为例) 1.隐藏元素 使用 ...