HTML5 Conference 2015 鹿児島

of 46 /46
Web Audio API Web MIDI API を使ったサウンドプログラミング ヤマハ 株式会社 かわい りょうや

Embed Size (px)

Transcript of HTML5 Conference 2015 鹿児島

  1. 1. Web Audio API Web MIDI API
  2. 2. HTML5Experts.jp #55 Web Music Developers JP google.com/+RyoyaKawai NVP @ryoyakawai Web Audio API, Web MIDI API Polymer (Web Components) by @g200kg (Unofficial Web MIDI API Mascot)
  3. 3. Web Audio API
  4. 4. Web API
  5. 5. API JavaScript Web Platform OpenW3C Platform API Developer Native API Web Audio Node Web Audio API
  6. 6. Node Node Node Graph
  7. 7. Node Graph
  8. 8. w
  9. 9. Web Audio API iOS Mini
  10. 10.
  11. 11.
  12. 12.
  13. 13.
  14. 14.
  15. 15. VCO(Voltage Controlled Oscillator) LFO(Low Frequency Oscillator) VCF(Voltage Controlled Filter)
  16. 16. FM
  17. 17.
  18. 18. 3 3 CarrierModulator Modulator Moduator
  19. 19. Web MIDI API DIN (Deutsches Institut Fur Normung)
  20. 20. MIDI IT DTM Station
  21. 21. Web MIDI API MIDI
  22. 22. API JavaScript MIDI Web Platform OpenW3C APIPlatform API Developer Native API Web MIDI API
  23. 23. Web Audio API iOS Mini working on
  24. 24. Google chrome Mac Windows Android Chromebook iOSWeb MIDI API Web MIDI Browser web midi browser ios Opera
  25. 25. MIDI Musical Instrument Digital Interface MIDI Musical Instrument Digital Interface
  26. 26. Status Byte (80h-FFh) Data Byte (00h-7Fh) MIDI 16 noteOn 9xh noteOff 8xh programChange Cxh SysEx System Exclusive 0xF0 0x7F midi 452, 000 (0.33)
  27. 27. MIDI
  28. 28. Theres an element for that! 1 Extensible Web
  29. 29. x-webmidi 3MIDI
  30. 30. x-webmidi Web MIDI API Polymer Element - bower - - Parse - 16 x-webmidi $ bower install x-webmidi;
  31. 31.
  32. 32.
  33. 33. FM
  34. 34. Web Photo by Ed Christensen
  35. 35.
  36. 36. Photo by Giulia van Pelt
  37. 37. API Platform Photo by Giulia van Pelt Web
  38. 38. WebHTML, CSS , JavaScript API WebPlatform
  39. 39. User Native Developer 2
  40. 40. .....
  41. 41. MIDI Show Control(MSC) 96 MIDI
  42. 42. MIDI Machine2Machine Interactive Digital Interface Musical Instrument Digital Interface
  43. 43.
  44. 44. Web Music Developers JP Google Groups Google+ Web Music Developers JP Web Audio/MIDI...
  45. 45. 725 10:00 - 18:00 GDGGDGWeb Music Developers JP Web Music @ Web Music Photo by Moyan Brenn goo.gl/juh2E2
  46. 46. http://bit.ly/html5C201507