Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Photo by Takuya Oikawa
Web Music
Apps & Actvites in Japan
Ryoya Kawai (Yamaha)
Ryoya KAWAI
> From <
- Yamaha Corporation
> Community <
- Web Music Developers JP (260members)
google.com/+RyoyaKawai
Web Audio API
&
Web MIDI API
Web Audio API
&
Web MIDI API
>> Web Audio API <<
Web Browser & Signal Processing
>> Web MIDI API <<
Connect between
Web Browser & MIDI Devices
Signal Processing Apps, MIDI Apps??
● Possible to develop these apps on....
o Mac, Windows, iOS, Android...
>> What do we ...
How about on Web Platorm??
SDK :
Collaboraton :
no Library, no Wrapper !.
ex) Media Capture, Speech Recogniton,
Sensors, G...
Big Idea
With
Less Work,
Less Code!
Source CodeSource Code
● Only 5 lines of JavaScript!!
<script type="text/javascript">
var midiins=[], midiouts=[];
navigator.getMIDIAccess(functi...
Pocket-Miku & Web MIDI App
URL
Web MIDI is Ready
Actvites in JapanActvites in Japan
Hack-a-thon
VJ App with Tenorion
Google Spreadsheet Sequencer
Face Tracking Efector
Why don't we start
play with music on
Web Platorm!
Why don't we start
play with music on
Web Platorm!
Web MIDI is Ready
Thanks!Thanks!
Nächste SlideShare
Wird geladen in …5
×

Making Music on the Web with MIDI Technology - Music China

821 Aufrufe

Veröffentlicht am

[Keynote]
Making Music on the Web with MIDI Technology@Music China

Veröffentlicht in: Technologie
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

Making Music on the Web with MIDI Technology - Music China

  1. 1. Photo by Takuya Oikawa Web Music Apps & Actvites in Japan Ryoya Kawai (Yamaha)
  2. 2. Ryoya KAWAI > From < - Yamaha Corporation > Community < - Web Music Developers JP (260members) google.com/+RyoyaKawai
  3. 3. Web Audio API & Web MIDI API Web Audio API & Web MIDI API
  4. 4. >> Web Audio API << Web Browser & Signal Processing
  5. 5. >> Web MIDI API << Connect between Web Browser & MIDI Devices
  6. 6. Signal Processing Apps, MIDI Apps?? ● Possible to develop these apps on.... o Mac, Windows, iOS, Android... >> What do we develop those apps? SDK : Collaboraton : Library, Wrapper ...
  7. 7. How about on Web Platorm?? SDK : Collaboraton : no Library, no Wrapper !. ex) Media Capture, Speech Recogniton, Sensors, Graphics, and more!!
  8. 8. Big Idea With Less Work, Less Code!
  9. 9. Source CodeSource Code
  10. 10. ● Only 5 lines of JavaScript!! <script type="text/javascript"> var midiins=[], midiouts=[]; navigator.getMIDIAccess(function(access) { midiins=access.inputs(); midiouts=access.outputs(); }, function(msg){ console.log(msg);}); </script> midiins[0].onmidimessage=function(data){ // write code what you want to do } midiouts[0].send([0x90, 0x45, 0x7f], 0); How to connect to MIDI devices
  11. 11. Pocket-Miku & Web MIDI App URL
  12. 12. Web MIDI is Ready Actvites in JapanActvites in Japan
  13. 13. Hack-a-thon
  14. 14. VJ App with Tenorion
  15. 15. Google Spreadsheet Sequencer
  16. 16. Face Tracking Efector
  17. 17. Why don't we start play with music on Web Platorm! Why don't we start play with music on Web Platorm!
  18. 18. Web MIDI is Ready Thanks!Thanks!

×