party-night-with-webaudio-api

5271501ec0f006c05ab1b87bec2a5d40?s=47 hiro-tan
December 08, 2016

 party-night-with-webaudio-api

Meguro.es #7 @Livesenseで発表した資料です。
WebAudioのできるだけ基礎だけでそれっぽいエフェクターを実装してみます。

5271501ec0f006c05ab1b87bec2a5d40?s=128

hiro-tan

December 08, 2016
Tweet

Transcript

  1. Web Audio API で パー リナイを過ごす( 仮) 廣田洋平 @DRECOM

  2. 自己紹介 廣田洋平 ドリコム16 新卒入社 Web Audio の人 普段はRuby on Rails

    でサー バー サイドやってます
  3. We are hiring!

  4. WebAudio Advent Calendar

  5. 独りが寂しいなら 音楽すればいいじゃない!

  6. Web Audio API で パー リナイを過ごす( 仮)

  7. Web Audio API で エフェクター を作る

  8. WebAudio でエフェクター エフェクター Delay / Short Delay Flanger Peak Filter

  9. Delay / Short Delay Delay 今鳴った音を一定時間( DelayTime ) のちに鳴らす 減衰させながら繰り返す(Feedback)

    やまびこのような効果が得られる WebAudio ではDelayNode で実装( 簡単 ) Feedback は自前で用意する必要がある
  10. Delay / Short Delay Short Delay Delay Time のごく短いDelay のこと

    やまびこではなく一体の音に聞こえる 実装はDelay と同じ、 パラメー ター の変更でOK
  11. Flanger Short Delay の応用 繰り返しの音に対してうなりを加える 低周波数の音を合わせて音を振動させること ジェット機の音に似てるためジェット・ サウンド とも呼ばれる

  12. Peak Filter 特定の周波数を増幅させるフィルター スライド、 ノブなどで連続的に変化させる WebAudio ではBiquadFilter で実装( 超簡単 )

  13. まとめ 今回の実装はWebAudio の基本機能のみ コー ドも大体コピペ 今からでもパー リナイな何かが作れる

  14. Join us!