TAPC Breakout Session

Entertain Web with Musical Instruments

AMEI Web MIDI WGYamaha Corporation

Ryoya KAWAIgoogle.com/+RyoyaKawai

● What the Music does?○ Create Good Mood○ Provide healings○ Make a deep impression

About Music

These are usually give us much bigger impression with visual contents.

● To Share○ about MIDI○ Web Music Community’s activities○ Web MIDI API Applications

● To Duscuss○ How can we build entertainment Web with Music?○ What do we do the Next?

Today’s AIM

Connect to Musical Instruments

● Web MIDI API○ allow browser to manipulate the musical instruments

directly○ protocol is MIDI

http://

MIDI !!

What is the MIDI?

What is the MIDI?

● MIDI○ Musicl Instrument Digital Interface○ Protocol between Digitil Musical Instruments○ 8bit words(1byte)○ transmitted serially at 31.25kbps○ 16 channels in one cable○ Technical Grammy Award 2013

Important point about MIDI

● has velocity○ Not only on/off but it has velocity

● easy to create sequence data○ as known as Standard MIDI file

● Not music use only○ Control on/off with one more parameter

Where is the MIDI used?

● Music○ between Digital Musical Instruments○ between Computer & Digital Musical Instruments

■ Control synthesizer from computer■ Play software synthesizer from MIDI keyboard

○ Remote Live

● Others○ Show Control(MSC: MIDI Show Control)

■ Univarsal Studio: Warer World■ Bellagio: fountain show

Market Volume

● Market: Music Industory (in US Dollar)○ All: about 1 trillion (WorldWide)

■ MIDI Market● Musical Instrument: 180 billion

● Market: MIDI, but not Music Industory○ Ringtone: 80 billion○ KARAOKE: 600 billion

Source: http://goo.gl/D7OJSG

MIDI Apps Demo

ActivitiesWeb Audio/MIDI API

Web Music Developers JP

● Community○ People who loves not only Music & Music

Instruments, but also loves Web

Activity: Web MIDI API

● Chrome + HTML5 Developers Live #8○ 2087 views (since Sep 12, 2013)

https://www.youtube.com/watch?v=QcdppXSz2Ms

Activity: Web MIDI API (2)

● At Music Conference hosted by Japan Synthesizer Programmers Association○ 1500 PV in first 7days (Now: 3100 (in 3 weeks))

http://www.slideshare.net/ryoyakawai/web-midi-api-2013

Activity: Web MIDI API

● Web Music Hackathon○ Champion’s App [URL]

○ Web Audio/MIDI Beginner [URL]

○ Collaborate with other web APIs [URL] [URL]

Activity: Web MIDI API

● NSX-1 Application (from Yamaha)○ http://yamaha-webmusic.github.io/nsx1-apps/manual/

Miku Hatsune: http://youtu.be/xExy_FCC0PA

USB-MIDI !!Arduino !!

MIDI Apps Demo

Discussion

● How can we build entertainment Web with Music??

● What should we do the Next?

And also, the ideas of hackathon are welcome !!!