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
150
Web Audio API でお手軽10バンドイコライザー
hirotan
1
650
Other Decks in Technology
See All in Technology
PFEM Online Feature Flag @ newmo
shinyaishitobi
2
270
LLM時代の検索とコンテキストエンジニアリング
shibuiwilliam
2
1.1k
会社にデータエンジニアがいることでできるようになること
10xinc
9
1.5k
Gaze-LLE: Gaze Target Estimation via Large-Scale Learned Encoders
kzykmyzw
0
300
AIドリブンのソフトウェア開発 - うまいやり方とまずいやり方
okdt
PRO
9
500
Backboneとしてのtimm2025
yu4u
3
1.2k
Rethinking Incident Response: Context-Aware AI in Practice - Incident Buddy Edition -
rrreeeyyy
0
130
あとはAIに任せて人間は自由に生きる
kentaro
3
1.1k
生成AI活用のROI、どう測る? DMM.com 開発責任者から学ぶ「AI効果検証のノウハウ」 / ROI of AI
i35_267
4
150
信頼できる開発プラットフォームをどう作るか?-Governance as Codeと継続的監視/フィードバックが導くPlatform Engineeringの進め方
yuriemori
1
360
[CV勉強会@関東 CVPR2025 読み会] MegaSaM: Accurate, Fast, and Robust Structure and Motion from Casual Dynamic Videos (Li+, CVPR2025)
abemii
0
180
開発と脆弱性と脆弱性診断についての話
su3158
1
1k
Featured
See All Featured
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Balancing Empowerment & Direction
lara
2
580
Bash Introduction
62gerente
614
210k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.6k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
GitHub's CSS Performance
jonrohan
1031
460k
For a Future-Friendly Web
brad_frost
179
9.9k
Embracing the Ebb and Flow
colly
87
4.8k
Faster Mobile Websites
deanohume
309
31k
The Cult of Friendly URLs
andyhume
79
6.5k
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!