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