Web ブラウザから MIDI 機器を制御することで生まれる利点と可能性

- Roppongi ArtTech Night #1-

Web Music Developers JPかわい りょうや

W3C非公認Web MIDI APIのゆるキャラ

みでゃっぴー (MIDIappy)

かわい りょうや＞ 所属 ＜ - ヤマハ株式会社

- AMEI Web MIDI WG ＞ コミュニティ ＜ - Web Music Developers JP

google.com/+RyoyaKawai

● Musical Instrument Digital Interface○ 主に電子楽器同士を接続する為の規格

（送受信回路・ I/F、通信プロトコル、ファイルフォーマット等）

■ 31年の歴史！！● ほぼすべての電子楽器が喋れる

■ 端子

● IN、OUT、THRU（16 Chを制御）

○ 音楽以外の用途■ MIDI Show Control(MSC)

● MIDIでステージの照明等を

コントロールする規格

● 96台の機材を制御可能（照明、ビデオ、スモーク、爆発等）

特徴：利点 ▶ 時間管理、強弱等が得意

MIDIの概要

● シーケンサ○ Websequencer (By g200kg)

● 音楽以外をコントロール○ 名前はまだない(多分今後もない(・ω<))

○ Web Misuc ハッカソンでの作品

MIDIを感じるデモと映像

光の魔術師集団X

● MIDIメッセージの構成○ 単・複数の8bit (1Byte) で構成○ Status Byte(80h-FFh)、Data Byte(00h-7fh)

例1）Channel=2 で A4(NoteNo=69/45h) を 101/65h の Velocity の音を鳴らす。 ※ Channelに関して、MIDIメッセージ上は 0-F（15）、表記上は1-16の16Channel。

A4 (NoteNo=69/45h)Channel Velocity (101)NoteOn

※ Channel=2 の A4(NoteNo=69) の音を止める (noteOff (8nh)) ▶ 81h 45h 00h

例2）Channel=2 の音色を Applause(programNo=126[MIDIメッセージ上 ]) に変更 ※ programNoに関してMIDIメッセージ上は 7E(126)：Applause、表記上は127：Applause。

9 1 4 5 6 5

Applause (ProgramNo=126/7Eh)

ChannelProgramChange

C 1 7 E (9nh)(8nh)

(Cnh)

Web MIDI Tool Box

MIDIを感じよう！

● Web MIDI API○ ブラウザと外部MIDIデバイスを連携する為のAPI

■ W3Cで策定が進められている● http://webaudio.github.io/web-midi-api/

ブラウザで制御可能！

● 実装状況○ Chrome 33 でほぼ対応済み！！

Thank you very much for Chrome team!!!

W3C非公認Web MIDI APIのゆるキャラ

みでゃっぴー (MIDIappy)

フラグの変更を忘れずに！！

● eVY1 Shield○ 歌って奏でる次世代音源「NSX-1」を搭載

○ ヤマハではWebアプリを公開しています！

■ Yamaha Web Music （Github）

○ もっと歌わせたい！！■ eVY1で歌ってみる？

Web MIDI APIでもっとデモ

Q1. eVY1 Shield って初音ミクさんの声ですか？

A1. いいえ、eVY1って名前の声です。

Q2. 初音ミクさんのって出ないの？

A2. 可能性が見えるはずなので紹介させてください...＞＜

想定問答集

● 歌うキーボード ポケット・ミク from 大人の科学 by Gakken○ 4月3日発売！

■ amazonで予約やってます。http://goo.gl/98mGMQ■

初音ミクさん ｸﾙ━(ﾟ∀ﾟ)━!!

Illustrated by iXima

● ポケミク本体で○ ドレミモードで歌います○ 「あ〜お」の母音を歌います○ プリセット歌詞を歌います

■ ちょうちょ、さくらさくら、ほたるのひかり等

ポケット・ミクで何ができるの？

● microUSB端子で○ 電源供給○ USB-MIDI機器として使えます

■ ということで、、、

○ Webアプリ出ます。■ ポケミクアプリ00（仮：Config）■ ポケミクアプリ01（仮：Preset）■ ポケミクアプリ02（仮：Realtime）

Webアプリ スクリーンショット

ポケミクアプリ01（仮：Preset）● プリセット歌詞の変更が可能

○ FlashROMに記憶○ 64文字/スロット

ポケミクアプリ02（仮：Realtime）● リアルタイム歌詞入力が可能

○ マウスオーバーで歌詞送信

※ ポケミクアプリ03(仮：Config) は鋭意実装中です。

※ デザインを含め大幅に変更する可能性があります。

● MIDIメッセージでこれだけコントロール可○ To ポケミク

■ 歌詞を流し込む■ 歌詞のどの言葉を歌うのかRequest■ 歌う [noteOn/noteOff]■ EFFECT、EQを操作する■ ボタンの機能をカスタマイズ■ 詳細機能のカスタマイズ

● 起動音を変える● 1度に歌う文字数を変更

○ From ポケミク■ 歌詞をダンプ■ ボタンの操作状態を送信■ 詳細情報をダンプ

ポケット・ミクのここがスゴイ！

● 利点○ ほとんどの電子楽器と接続可能○ 表現力豊か（127段階）○ シビアに時間を管理できるフォーマットがある○ シーケンスをファイルでやりとりできる○ 音楽だけのプロトコルではない

● 可能性○ アイデア次第で適応範囲は無限大

Recap：MIDIの利点、可能性

○ こんなWebDeveloperいてもいかも！

SjQ++URL:http://goo.gl/rAjirX