Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
party-night-with-webaudio-api
Search
hiro-tan
December 08, 2016
Technology
0
250
party-night-with-webaudio-api
Meguro.es #7 @Livesenseで発表した資料です。
WebAudioのできるだけ基礎だけでそれっぽいエフェクターを実装してみます。
hiro-tan
December 08, 2016
Tweet
Share
More Decks by hiro-tan
See All by hiro-tan
Getting Started Web Audio API
hirotan
0
180
音色と波形の話
hirotan
0
180
chiptune by web audio api
hirotan
0
160
Web Audio API でお手軽10バンドイコライザー
hirotan
1
680
Other Decks in Technology
See All in Technology
名刺メーカーDevグループ 紹介資料
sansan33
PRO
0
1k
茨城の思い出を振り返る ~CDKのセキュリティを添えて~ / 20260201 Mitsutoshi Matsuo
shift_evolve
PRO
1
310
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
sansan33
PRO
0
3k
All About Sansan – for New Global Engineers
sansan33
PRO
1
1.4k
フルカイテン株式会社 エンジニア向け採用資料
fullkaiten
0
10k
変化するコーディングエージェントとの現実的な付き合い方 〜Cursor安定択説と、ツールに依存しない「資産」〜
empitsu
4
1.4k
SRE Enabling戦記 - 急成長する組織にSREを浸透させる戦いの歴史
markie1009
0
120
OWASP Top 10:2025 リリースと 少しの日本語化にまつわる裏話
okdt
PRO
3
800
SREじゃなかった僕らがenablingを通じて「SRE実践者」になるまでのリアル / SRE Kaigi 2026
aeonpeople
6
2.4k
Digitization部 紹介資料
sansan33
PRO
1
6.8k
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
450
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.4k
Featured
See All Featured
Designing for Performance
lara
610
70k
Documentation Writing (for coders)
carmenintech
77
5.3k
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
A designer walks into a library…
pauljervisheath
210
24k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.6k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
1
1.3k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
55
Designing Experiences People Love
moore
144
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.7k
Fashionably flexible responsive web design (full day workshop)
malarkey
408
66k
Testing 201, or: Great Expectations
jmmastey
46
8k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
130
Transcript
Web Audio API で パー リナイを過ごす( 仮) 廣田洋平 @DRECOM
自己紹介 廣田洋平 ドリコム16 新卒入社 Web Audio の人 普段はRuby on Rails
でサー バー サイドやってます
We are hiring!
WebAudio Advent Calendar
独りが寂しいなら 音楽すればいいじゃない!
Web Audio API で パー リナイを過ごす( 仮)
Web Audio API で エフェクター を作る
WebAudio でエフェクター エフェクター Delay / Short Delay Flanger Peak Filter
Delay / Short Delay Delay 今鳴った音を一定時間( DelayTime ) のちに鳴らす 減衰させながら繰り返す(Feedback)
やまびこのような効果が得られる WebAudio ではDelayNode で実装( 簡単 ) Feedback は自前で用意する必要がある
Delay / Short Delay Short Delay Delay Time のごく短いDelay のこと
やまびこではなく一体の音に聞こえる 実装はDelay と同じ、 パラメー ター の変更でOK
Flanger Short Delay の応用 繰り返しの音に対してうなりを加える 低周波数の音を合わせて音を振動させること ジェット機の音に似てるためジェット・ サウンド とも呼ばれる
Peak Filter 特定の周波数を増幅させるフィルター スライド、 ノブなどで連続的に変化させる WebAudio ではBiquadFilter で実装( 超簡単 )
まとめ 今回の実装はWebAudio の基本機能のみ コー ドも大体コピペ 今からでもパー リナイな何かが作れる
Join us!