読者です 読者をやめる 読者になる 読者になる

console.lealog();

@leader22のWeb系に関する勉強めもブログですのだ

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方面からきましたw

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

AudioParam

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

WEB de VJ by @toyoshim

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

これの人かー!

metronome by Web Audio by @saruyama_monki

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

WebAudioDesignerの紹介 by @g200kg

WebAudio Designer

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

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