WebAudio.tokyo #2 にいってきたメモ #webaudio

そして、またもLTしてきました。

発表に使った資料はこちら↓です。

WebAudio初学者を阻む壁について

音色と波形の話 by @y_hiro826

音の3要素

• 大きさ = 振幅
• 高さ = 周波数
• 音色 = 波形
• WebAudioでもそれぞれ設定できる
• 時間変化（エンベロープ）も重要
  • Attack
  • Decay
  • Sustain
  • Release
• 略してADSR
• これが楽器によって異なるので、同じ「ド」でも違った聞こえ方になる

Oscillatorでやってみる

• ファミコン風のドラム音を作る
• バスドラ
  • square
  • 打楽器なのでattack: 0
  • decayも0.1
  • sweepを深く
• タム
  • sweepを浅く
• シンバル
  • ScriptProcessorでホワイトノイズを混ぜる

AudioParam のあれこれ by @chikoski

Firefox方面からきましたｗ

• 最近APIがちょっと変わった
  • `createXX()`に初期値が
  • `connect()`がチェーンで書けるるように

AudioParam

• AudioNodeの属性ごとに決まってる
• `.value`を変更する
• a-rate / k-rate
  • 違いは反映されるタイミング
• `.setValueAtTime()`で時間指定したりできるよ
  • Firefoxだとバグがあるよ
  • Polyfillもある・・よ・・・
• でもFirefoxにはDevToolsにWebAudioのタブがあるよ！

WEB de VJ by @toyoshim

WebGLベースのアプリでニコファーレでVJをした話 - Qiita

これの人かー！

• WebGL
• WebRTC
• WebAudio
• WebMIDI
• というWebの技術だけでVJできます
• GitHub - toyoshim/tmalib: T'MediaArt library with MajVj extension

metronome by Web Audio by @saruyama_monki

• 趣味でメトロノームを作っています
• jsの一番イケてるライブラリであるAngularで作りました
• HTMLAudioでやってたのを、WebAudioAPIに書き換えた
• 次のメトロノームでは曲を聞かせるとテンポを判断できるようにしたい

WebAudioDesignerの紹介 by @g200kg

• みなさんご存知 http://www.g200kg.com/
• WebAudioDesigner | g200kg

WebAudio Designer

• AudioNodeをGUIで
  • オーディオグラフを可視化
  • つなげて音を出す
  • 各種パラメータももちろん変更可能
  • ToggleスイッチとかSliderとかもある
• 中身はPolymer
• いま鳴ってる音をjsのコードとしてエクスポートできる

うーむ、ラスボスですなぁー( ´ー｀)