WebMidiLink
WebMidiLink
1.Introduction
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
技術的な説明
MML Play MML Stop
Instrument-1
URL : | Load | |
g200kg:WebModular aike:WebSynth mohayonao:Timbre.js |
||
MML : |
Instrument-2
URL : | Load | |
g200kg:WebModular aike:WebSynth mohayonao:Timbre.js |
||
MML : |
Instrument-3
URL : | Load | |
g200kg:WebModular aike:WebSynth mohayonao:Timbre.js |
||
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 |
WebMidiLink的更多相关文章
随机推荐
- 以forin的方式遍历数组时进行删除操作的注意点
今天在修改某项需求的时候,需要在遍历的时候将匹配项移除掉,采用的时forin的方式遍历,然后运行的时候却crash掉了 for (NSString*str in self.btnArray) { if ...
- Sql Server参数化查询之where in和like实现详解
where in 的参数化查询实现 首先说一下我们常用的办法,直接拼SQL实现,一般情况下都能满足需要 string userIds = "1,2,3,4"; using (Sql ...
- 繁星——jquery的data()方法
今天在看JQuery文档的时候偶然看到了data()方法,觉得挺好用的,这里做个记录. 这个方法用于在元素上存放数据,返回jQuery对象.在文档中提到V1.4.3 新增用法NEW data(obj) ...
- 多线程完成socket
//服务器端代码 public class Service { //服务器 public static void main(String[] args) { ServerSocket serverSo ...
- 处理GitHub不允许上传大于100M文件问题
第一步输入命令 cd /Users/Dora/Desktop/XXX(cd后面的这个路径要换成你自己项目的路径) 第二步输入命令 git rm --cached/Users/Dora/Desktop/ ...
- php上传文件类型
下面提供一张IE和火狐浏览器的文件类型对照表: ie 火狐 id 后缀名 php识别出的文件类型 0 gif image/gif 1 jpg image/jpeg 2 png image/png 3 ...
- 超强、超详细Redis数据库入门教程
这篇文章主要介绍了超强.超详细Redis入门教程,本文详细介绍了Redis数据库各个方面的知识,需要的朋友可以参考下 [本教程目录] 1.redis是什么2.redis的作者何许人也3.谁在使用red ...
- windows7 64位系统pl/sql 客户端的安装
解压将下载到的将其解压,如我解压到了 E:\app\instantclient_11_2 3.设置PLSQL Developer在tools-prefrences,conncetion,OCI lib ...
- Git典型使用场景
1. 在本地创建版本库(把本地的一个目录内的文件纳入版本库管理,方便查看变动历史,恢复版本等.不限于代码,可以是笔记等所有需要追踪历史的文件.) git init -- 把当前目录初始化为版本库 2. ...
- C# 水印透明度图片
/// <summary> /// 在一张图片的指定位置处加入一张具有水印效果的图片 /// </summary> /// <param name="Sourc ...