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. FastReport 自定义数据集

    1.可以自定义一个新的数据源   参考: internal class VirtualDataSource : DataSourceBase {    private int FVirtualRows ...

  2. Mongodb创建数据库

    基本语法 MongoDB 创建数据库的语法格式如下: use DATABASE_NAME 如果数据库不存在,则创建数据库,否则切换到指定数据库. 实例 以下实例我们创建了数据库 coderschool ...

  3. javascript 中的借鸡生蛋

    如题所说,其实指的是 js 中的内置函数和 apply 的结合使用.这种用法很讨巧,读过 jQuery 源码的小伙伴都知道,它在里面被应用的非常广泛和精妙! 梨子:找出一个数组中的最大值和最小值 普遍 ...

  4. href链接的地址

    tencent://message/?uin=QQ号. 链接一个弹出框.指向一个QQ号.

  5. PHP的后期静态绑定

    self 是个孝子 不管后来 谁是它的领导(调用它)  谁生了它  它就听谁的 子类调用父类的方法 self 的生存空间是父类 不管是不是子类调用 我生在哪 我就在哪个类里面找属性/方法 static ...

  6. java读取大文件

    1  多线程 2  java内存映射读取大文件

  7. 黑马程序员——C语言基础 变量类型 结构体

    Java培训.Android培训.iOS培训..Net培训.期待与您交流! (以下内容是对黑马苹果入学视频的个人知识点总结) (一)变量类型 1)局部变量 1> 定义:在函数内部定义的变量,称为 ...

  8. java基础之 超类Object

    一.概述:       Object类是所有Java类的祖先.每个类都使用 Object 作为超类.所有对象(包括数组)都实现这个类的方法.在不明确给出超类的情况下,Java会自动把Object作为要 ...

  9. 了解JavaScript

    JavaScript是什么? JavaScript是一种可以用来给网页增加交互性的编程语言. JavaScript是一种面向对象的语言. JavaScript和Java之间没有太大的关系. JavaS ...

  10. When you install printer in Ubuntu, just need a ppd file.

    Search printing in the system and add printer. Then import ppd file. That is all.