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. 一些随机数据的生成(日期,邮箱,名字,URL,手机号,日期等等)

    直接上代码 import java.text.SimpleDateFormat; import java.util.Date; import java.util.HashMap; import jav ...

  2. Rendering Problems:android.support.v7.internal.widget.ActionBarOverlayLayout 解决方法

    不知道是不是android studio安装不对的问题,每次新建项目都有这个问题. 临时解决方法是: 打开 styles.xml 在Theme.AppCompat.Light.DarkActionBa ...

  3. Bootstrap学习应用

    1.栅格式布局:     栅格只有12格  主要用于没有设计经验,自行设计网页. 起步:     导入一个CSS文件 和两个JS文件  BOOTATRAP.MIN.CSS  ---   /*IE(ht ...

  4. 修改UISearchBar的背景颜色

    当你看到这篇博客你就已经发现了用_searchBar.backgroundColor = [UIColor clearColor];来设置UISearchBar的颜色完全没有效果: 并且,有些方法是想 ...

  5. VScode调试Python

    第一步,确保装上了PYTHON扩展 然后打开文件夹(这个东西必须打开文件夹才能进行调试,不能打开一个文件就调试) 打开文件夹后,那里显示没有配置,这时需要你按下F5 弹出选择环境,点击Python 它 ...

  6. Struts2配置文件详解

    解决在断网环境下,配置文件无提示的问题我们可以看到Struts.xml在断网的情况下,前面有一个叹号,这时,我们按alt+/ 没有提示,这是因为” http://struts.apache.org/d ...

  7. Calculator(1.0)

    Calculator(1.0) Github链接 解题过程中遇到的困难 对于c++中类和对象的使用不够明确,看了c++的视频教程学会了用类和对象来写程序. 不会使用<queue>,在网上查 ...

  8. ssh 无密码登陆

    ssh -i littlesuccess-aws.pem root@172.31.36.91 "cat >> ~/.ssh/authorized_keys" < ...

  9. java mysql 日期类型

    mysql(版本:5.1.50)的时间日期类型如下: datetime 8bytes xxxx-xx-xx xx:xx:xx 1000-01-01 00:00:00到9999-12-31 23:59: ...

  10. 场景4 Data Warehouse Management 数据仓库

    场景4 Data Warehouse Management 数据仓库 parallel 4 100% —> 必须获得指定的4个并行度,如果获得的进程个数小于设置的并行度个数,则操作失败 para ...