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) (17)

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
 
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

Recently uploaded (20)

Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024Manulife - Insurer Innovation Award 2024
Manulife - Insurer Innovation Award 2024
 
Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024Top 10 Most Downloaded Games on Play Store in 2024
Top 10 Most Downloaded Games on Play Store in 2024
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
HTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation StrategiesHTML Injection Attacks: Impact and Mitigation Strategies
HTML Injection Attacks: Impact and Mitigation Strategies
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
Boost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivityBoost PC performance: How more available memory can improve productivity
Boost PC performance: How more available memory can improve productivity
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 

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 !!!