SlideShare a Scribd company logo
1 of 18
Download to read offline
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 !!!

More Related Content

Similar to Breakout@TPAC 2013 (Entertain Web with Musical Instruments)

Desarrollo Multimedia Android
Desarrollo Multimedia AndroidDesarrollo Multimedia Android
Desarrollo Multimedia Android
GDG Lima
 

Similar to Breakout@TPAC 2013 (Entertain Web with Musical Instruments) (18)

DMM 13 Wrap
DMM 13 Wrap DMM 13 Wrap
DMM 13 Wrap
 
Audio Editing
Audio EditingAudio Editing
Audio Editing
 
Audio editing ppt
Audio editing pptAudio editing ppt
Audio editing ppt
 
Athens IoT meetup and TTN-Athens at AIOTI Open Day
Athens IoT meetup and TTN-Athens at AIOTI Open DayAthens IoT meetup and TTN-Athens at AIOTI Open Day
Athens IoT meetup and TTN-Athens at AIOTI Open Day
 
Viinyl 2.0 Presentation
Viinyl 2.0 PresentationViinyl 2.0 Presentation
Viinyl 2.0 Presentation
 
Technological advancements in music industry
Technological advancements in music industryTechnological advancements in music industry
Technological advancements in music industry
 
Minuet - the KDE approach to music education
Minuet - the KDE approach to music educationMinuet - the KDE approach to music education
Minuet - the KDE approach to music education
 
Tracxn Research - Music Tech Landscape, January 2017
Tracxn Research - Music Tech Landscape, January 2017Tracxn Research - Music Tech Landscape, January 2017
Tracxn Research - Music Tech Landscape, January 2017
 
Music Production Software Market Size, Share, & Trends Estimation Report By T...
Music Production Software Market Size, Share, & Trends Estimation Report By T...Music Production Software Market Size, Share, & Trends Estimation Report By T...
Music Production Software Market Size, Share, & Trends Estimation Report By T...
 
Educate 2017: Evolving APIs & audio with the changing web
Educate 2017: Evolving APIs & audio with the changing webEducate 2017: Evolving APIs & audio with the changing web
Educate 2017: Evolving APIs & audio with the changing web
 
Digital audio PPT
Digital audio PPTDigital audio PPT
Digital audio PPT
 
Desarrollo Multimedia Android
Desarrollo Multimedia AndroidDesarrollo Multimedia Android
Desarrollo Multimedia Android
 
DevOps Italian Tech Week 26/06/2019
DevOps Italian Tech Week 26/06/2019DevOps Italian Tech Week 26/06/2019
DevOps Italian Tech Week 26/06/2019
 
From your desktop to your wrist: How UX is shaping the way we experience music
From your desktop to your wrist: How UX is shaping the way we experience musicFrom your desktop to your wrist: How UX is shaping the way we experience music
From your desktop to your wrist: How UX is shaping the way we experience music
 
Bootstrapping a Tech Community - Demi Ben-Ari
Bootstrapping a Tech Community - Demi Ben-AriBootstrapping a Tech Community - Demi Ben-Ari
Bootstrapping a Tech Community - Demi Ben-Ari
 
About Dstrict 2008
About Dstrict 2008About Dstrict 2008
About Dstrict 2008
 
Ampd Presentation
Ampd PresentationAmpd Presentation
Ampd Presentation
 
TECHNOLOGIES OF MUSIC
TECHNOLOGIES OF MUSICTECHNOLOGIES OF MUSIC
TECHNOLOGIES OF MUSIC
 

More from Ryoya Kawai

ブラウザとmidiの出会いが拓くwebとmusicの新しい世界
ブラウザとmidiの出会いが拓くwebとmusicの新しい世界ブラウザとmidiの出会いが拓くwebとmusicの新しい世界
ブラウザとmidiの出会いが拓くwebとmusicの新しい世界
Ryoya Kawai
 
Web MIDI API 2nd WD
Web MIDI API 2nd WDWeb MIDI API 2nd WD
Web MIDI API 2nd WD
Ryoya Kawai
 

More from Ryoya Kawai (12)

Web audio control-webaudio.tokyo
Web audio control-webaudio.tokyoWeb audio control-webaudio.tokyo
Web audio control-webaudio.tokyo
 
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -
AudioとガジェットをWebで遊ぶ - Web Audio/MIDI Web Bluetooth -
 
Web musicdevelopersmeetup@sapporo
Web musicdevelopersmeetup@sapporoWeb musicdevelopersmeetup@sapporo
Web musicdevelopersmeetup@sapporo
 
Web MIDI meets DIY #0
Web MIDI meets DIY #0Web MIDI meets DIY #0
Web MIDI meets DIY #0
 
HTML5 Conference 2015 鹿児島
HTML5 Conference 2015 鹿児島HTML5 Conference 2015 鹿児島
HTML5 Conference 2015 鹿児島
 
Web music開発環境
Web music開発環境Web music開発環境
Web music開発環境
 
Roppongi ArtTech Night #1
Roppongi ArtTech Night #1 Roppongi ArtTech Night #1
Roppongi ArtTech Night #1
 
ブラウザとmidiの出会いが拓くwebとmusicの新しい世界
ブラウザとmidiの出会いが拓くwebとmusicの新しい世界ブラウザとmidiの出会いが拓くwebとmusicの新しい世界
ブラウザとmidiの出会いが拓くwebとmusicの新しい世界
 
Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013
Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013
Web MIDI APIが拓くWeb音楽の世界 - 大音学会 2013
 
Chrome+HTML5 Developers Live Japan #8 - Web MIDI API
Chrome+HTML5 Developers Live Japan #8 - Web MIDI APIChrome+HTML5 Developers Live Japan #8 - Web MIDI API
Chrome+HTML5 Developers Live Japan #8 - Web MIDI API
 
Chrome Packaged Apps
Chrome Packaged AppsChrome Packaged Apps
Chrome Packaged Apps
 
Web MIDI API 2nd WD
Web MIDI API 2nd WDWeb MIDI API 2nd WD
Web MIDI API 2nd WD
 

Recently uploaded

Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
FIDO Alliance
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
FIDO Alliance
 

Recently uploaded (20)

Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024Long journey of Ruby Standard library at RubyKaigi 2024
Long journey of Ruby Standard library at RubyKaigi 2024
 
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties ReimaginedEasier, Faster, and More Powerful – Notes Document Properties Reimagined
Easier, Faster, and More Powerful – Notes Document Properties Reimagined
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
Intro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджераIntro in Product Management - Коротко про професію продакт менеджера
Intro in Product Management - Коротко про професію продакт менеджера
 
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
Event-Driven Architecture Masterclass: Integrating Distributed Data Stores Ac...
 
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...Hyatt driving innovation and exceptional customer experiences with FIDO passw...
Hyatt driving innovation and exceptional customer experiences with FIDO passw...
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
TEST BANK For, Information Technology Project Management 9th Edition Kathy Sc...
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
Intro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptxIntro to Passkeys and the State of Passwordless.pptx
Intro to Passkeys and the State of Passwordless.pptx
 
Portal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russePortal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russe
 
Working together SRE & Platform Engineering
Working together SRE & Platform EngineeringWorking together SRE & Platform Engineering
Working together SRE & Platform Engineering
 
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
ASRock Industrial FDO Solutions in Action for Industrial Edge AI _ Kenny at A...
 
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
1111 ChatGPT Prompts PDF Free Download - Prompts for ChatGPT
 
Google I/O Extended 2024 Warsaw
Google I/O Extended 2024 WarsawGoogle I/O Extended 2024 Warsaw
Google I/O Extended 2024 Warsaw
 
Your enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4jYour enemies use GenAI too - staying ahead of fraud with Neo4j
Your enemies use GenAI too - staying ahead of fraud with Neo4j
 
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider  Progress from Awareness to Implementation.pptxTales from a Passkey Provider  Progress from Awareness to Implementation.pptx
Tales from a Passkey Provider Progress from Awareness to Implementation.pptx
 
How we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdfHow we scaled to 80K users by doing nothing!.pdf
How we scaled to 80K users by doing nothing!.pdf
 

Breakout@TPAC 2013 (Entertain Web with Musical Instruments)

  • 1. TAPC Breakout Session Entertain Web with Musical Instruments AMEI Web MIDI WG Yamaha Corporation Ryoya KAWAI google.com/+RyoyaKawai
  • 2. 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.
  • 3. 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?
  • 4. Connect to Musical Instruments ● Web MIDI API ○ allow browser to manipulate the musical instruments directly ○ protocol is MIDI http:// MIDI !!
  • 5. What is the MIDI?
  • 6. 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
  • 7. 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
  • 8. 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
  • 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
  • 12. Web Music Developers JP ● Community ○ People who loves not only Music & Music Instruments, but also loves Web
  • 13. Activity: Web MIDI API ● Chrome + HTML5 Developers Live #8 ○ 2087 views (since Sep 12, 2013) https://www.youtube.com/watch?v=QcdppXSz2Ms
  • 14. 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
  • 15. Activity: Web MIDI API ● Web Music Hackathon ○ Champion’s App [URL] ○ Web Audio/MIDI Beginner [URL] ○ Collaborate with other web APIs [URL] [URL]
  • 16. 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
  • 18. Discussion ● How can we build entertainment Web with Music?? ● What should we do the Next? And also, the ideas of hackathon are welcome !!!