web midi apiが拓くweb音楽の世界 - 大音学会 2013
DESCRIPTION
2013年 大音学会 の資料です。 (更新2) 2013/10/15 10:35 リンク切れを修正しました。 (更新1) 2013/10/13 20:40 全てのアプリケーションを公開いたしました。 (オリジナル) localのURLを示しているデモ(localhostの文字が入っているリンク)が複数あり、それらは動作しませんのでご了承ください。TRANSCRIPT
![Page 1: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/1.jpg)
Web MIDI API が拓くWeb音楽の世界
JSPA 大音学会http://www.jspa.gr.jp/jj2013/
AMEI Web MIDI WGYamaha Corporation
Ryoya Kawaihttp://goo.gl/hxWCA7
![Page 2: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/2.jpg)
おしながき
● AMEIについて● MIDI
○ 概要○ メッセージの基礎 (1), (2), (3)○ ユースケース
● Web MIDI API○ 概要○ アプリケーションのデモ
● まとめ
![Page 3: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/3.jpg)
AMEIについて
● 一般社団法人 音楽電子事業協会○ MIDI規格を策定していたMIDI規格協議会(JMSC)が前
身で、1996年に社団法人化された。活動内容は、日本
国内においてMIDI規格の標準化、規格の策定、管理、
普及活動(MIDI検定試験)を行っている団体。
○ 2013年9月 Web MIDI Working Groupが発足し、Web
MIDI APIの規格策定・普及活動を積極的に行っていま
す。
![Page 4: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/4.jpg)
MIDI
![Page 5: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/5.jpg)
2013年でMIDIは30周年です!
● 1983年にNAMMで発表
● テクニカルグラミー受賞○ 梯 郁太郎氏、Dave Smith氏○ メーカーを問わない電子楽器の世界共通規格の制定に
尽力し、音楽産業の発展に貢献したことが評価
▶ Technical Grammy Award 2013
![Page 6: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/6.jpg)
概要
● Musical Instrument Digital Interface○ 電子楽器同士を接続する為のインターフェイス
■ 非同期シリアル通信● 速度:31.25kbps
● データ単位:8bits (1byte)
■ 端子:IN、OUT、THRU■ 1ポート:16 チャンネル
![Page 7: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/7.jpg)
メッセージの基本(1)
● メッセージの種類○ チャンネル・メッセージ
■ チャンネル毎に独立した演奏情報を伝える
○ システム・メッセージ■ 全体をコントロールする情報を伝える
▶ Status Byte
(9nh)(8nh)
(Cnh)
(F0h‥F7h)
![Page 8: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/8.jpg)
メッセージの基本(2)
● メッセージの構成○ 単・複数の8bit (1Byte) で構成○ Status Byte(80h-FFh)、Data Byte(00h-7Fh)
例1)Channel=0 で A4(NoteNo=69/45h) を 101/65h の Velocity の音を鳴らす
A4 (NoteNo=69/45h)Channel Velocity (101)NoteOn
※ Channel=0 の A4(NoteNo=69) の音を止める (noteOff (8nh)) ▶ 80h 45h 00h
例2)Channel=0 の音色を Applause(programNo=126) に変更
9 0 4 5 6 5
Applause (ProgramNo=126/7Eh)
ChannelNoteOn
C 0 7 E (9nh)(8nh)
(Cnh)
MIDI Message Tester
![Page 9: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/9.jpg)
メッセージの基本(3)
● System Exclusive(SysEx)○ 電子楽器固有の機能を制御する為に使用
■ Voice、エフェクトのパラメータ等を送信○ メッセージ
■ F0hで始まり、F7hで終わる
■ 可変長
○ ID Numnber (ManufactuererID)■ 楽器メーカが持つ固有のID
● 取得には申請が必要 (申請先:AMEI(日本)、MMA)
F0h <ID Number> <Device ID> F7h・・・
![Page 10: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/10.jpg)
MIDIを詳しく知りたい!
● MIDI 1.0 規格書○ 発行:社団法人 音楽電子事業協会(AMEI)
▶ http://amei.or.jp/merchan/MIDI_spc.html
● MIDI検定 ▶ http://www.midilicense.com/
![Page 11: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/11.jpg)
ユースケース
○ 音楽用途■ 電子楽器の複数台同時コントロール■ DAW(Cubase, Vision等)■ カラオケ、演奏記録アプリ
■ 遠隔地ライブ配信 Elton John Remote Live
○ ショー(MSC:MIDI Show Control)■ Universal Studio Water World■ Bellagio fountain show
![Page 12: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/12.jpg)
Web MIDI API
![Page 13: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/13.jpg)
概要
● ブラウザとMIDI機器をOpen Web Standardな規格としてW3Cが策定を進めているAPI○ WG:Audio WG (Web Audio APIと同一WG)○ Editor:Chris Wilson(Google), Jussi Kalliokoski
![Page 14: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/14.jpg)
W3CとHTML5
● World Wide Web Consortium (W3C)○ World Wide Webで使用される各種技術の標準化
(Open Web Platform)を推進する為に設立された標準
化・非営利団体。
● HTML5○ HTMLの5回目の大幅な改訂版。
○ 文書作成のHTMLから、
OpenなアプリケーションのPlatformへ。
![Page 15: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/15.jpg)
対応状況
● 実装済みブラウザ○ Google Chrome Canary (Mac)
● その他のブラウザで使う○ Jazz-Plugin (Jazz-Soft.net)
■ http://jazz-soft.net/doc/Jazz-Plugin/○ Polyfill
■ Web MIDI API Shim
● Specへのリンク○ W3C○ Chrome
注意アドレスバーに▼ chrome://flags/#enable-web-midiを入力し、許可してください!!
![Page 17: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/17.jpg)
Web MIDI APIのコア部分
「0」をOUTPUTデバイスとしてセット
「0」をINPUTデバイスとしてセット
INPUTから入力されたMIDIメッセージをOUTPUTに送信する
![Page 18: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/18.jpg)
Web MIDI APIアプリケーションのデモ
● Web MIDI API Tool Box デモ
● Analog Synth デモ
● FMシンセ デモ
音楽データショップ http://www.music-eclub.com/musicdata/
TO MAKE THE END OF BATTLE / Ys2 © Falcom 1988 MIDI Data From : http://goo.gl/gxg4Cx
![Page 19: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/19.jpg)
Web Audio APIアプリケーション
● Pitch Detect デモ
○ by Chris Wilson
● PowerChord Guitars デモ
○ by @aike1000
● Web Seuencer デモ
○ by @g200kg
![Page 21: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/21.jpg)
MIDIメッセージ知らなくてもOK!
● Web MIDI API Wrapper○ チャンネルメッセージをほぼ網羅
http://goo.gl/rWvhGW (英語) http://goo.gl/RAJJTw (日本語)
![Page 22: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/22.jpg)
かっこいいのって難いんでしょ?
● Web Audio Controls○ かっこいいノブ、スライダー、スイッチ
http://goo.gl/FfEgVt (英語)
![Page 23: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/23.jpg)
まとめ
● Chrome CanaryでWeb MIDI API実装済み!○ Polyfillを使えばモダンブラウザで利用可能
● ツールを自作できます!○ ちょっとしたツールはすぐに作れます。○ 少し頑張ればシーケンサーだって作れます。
● Web APIとの組み合わせで無限大○ Web Audio:例) オリジナルシンセが作れます○ Web Speech:例) 音声認識+楽器 ○ Web RTC:例) 遠隔地セッション、レッスン
● MIDIを楽器以外のデバイスに適応○ アイデア次第で夢は膨らむ
Web RTC
注意アドレスバーに▼ chrome://flags/#enable-web-midiを入力し、許可してください!!
![Page 24: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/24.jpg)
補足
● Web MIDI APIの進捗○ W3Cの進め方
● Open Web Platformの仕様になるということ○ 重要性が認められる必要があります
■ 盛り上がる必要あります!!! ▶ 例えば、アプリケーションを作って公開する等
イマココ!
![Page 25: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/25.jpg)
OSはブラウザ(というノリ)の機器
Chromebook 11 (US$279, US, UK) Firefox OS (US$100-200)
![Page 26: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/26.jpg)
MIDIはもっと身近でOpenに!
![Page 27: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/27.jpg)
Web Music Developers JP
● 音楽系アプリ等に興味のあるかたはぜひ!○ Web Audio API○ Web MIDI API○ Web RTC
Google Groups : http://goo.gl/G9U8Mr Google+ : http://goo.gl/BULcuo
![Page 28: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/28.jpg)
Hackathonやります!
● Web Audio / MIDI がテーマ○ 日程:2013年10月19日(土)○ 場所:Google Japan オフィス
詳細はこちら
これらの画像はイメージす。
※ 2013/10/19分の募集は終了しています。
![Page 29: Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013](https://reader033.vdocuments.site/reader033/viewer/2022052315/556a3a83d8b42a4a1e8b458c/html5/thumbnails/29.jpg)
ご清聴ありがとうございました。
このスライドへのリンク
http://goo.gl/l35cZa