TAPC Breakout Session

Entertain Web with
Musical Instruments
AMEI Web MIDI WG
Yamaha Corporation

Ryoya KAWAI
google.com/+RyoyaKawai
About Music
● What the Music does?
○ Create Good Mood
○ Provide healings
○ Make a deep impression

These are usually give us much bigger
impression with visual contents.
Today’s AIM
● 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?
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
Activities
Web 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/

Arduino !!
USB-MIDI !!

Miku Hatsune: http://youtu.be/xExy_FCC0PA
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 !!!

Breakout@TPAC 2013 (Entertain Web with Musical Instruments)

  • 1.
    TAPC Breakout Session EntertainWeb with Musical Instruments AMEI Web MIDI WG Yamaha Corporation Ryoya KAWAI google.com/+RyoyaKawai
  • 2.
    About Music ● Whatthe Music does? ○ Create Good Mood ○ Provide healings ○ Make a deep impression These are usually give us much bigger impression with visual contents.
  • 3.
    Today’s AIM ● ToShare ○ 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?
  • 4.
    Connect to MusicalInstruments ● Web MIDI API ○ allow browser to manipulate the musical instruments directly ○ protocol is MIDI http:// MIDI !!
  • 5.
  • 6.
    What is theMIDI? ● 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
  • 7.
    Important point aboutMIDI ● 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
  • 8.
    Where is theMIDI 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
  • 9.
    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
  • 10.
  • 11.
  • 12.
    Web Music DevelopersJP ● Community ○ People who loves not only Music & Music Instruments, but also loves Web
  • 13.
    Activity: Web MIDIAPI ● Chrome + HTML5 Developers Live #8 ○ 2087 views (since Sep 12, 2013) https://www.youtube.com/watch?v=QcdppXSz2Ms
  • 14.
    Activity: Web MIDIAPI (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
  • 15.
    Activity: Web MIDIAPI ● Web Music Hackathon ○ Champion’s App [URL] ○ Web Audio/MIDI Beginner [URL] ○ Collaborate with other web APIs [URL] [URL]
  • 16.
    Activity: Web MIDIAPI ● NSX-1 Application (from Yamaha) ○ http://yamaha-webmusic.github.io/nsx1-apps/manual/ Arduino !! USB-MIDI !! Miku Hatsune: http://youtu.be/xExy_FCC0PA
  • 17.
  • 18.
    Discussion ● How canwe build entertainment Web with Music?? ● What should we do the Next? And also, the ideas of hackathon are welcome !!!