$30 off During Our Annual Pro Sale. View Details »
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
670
Other Decks in Technology
See All in Technology
コンテキスト情報を活用し個社最適化されたAI Agentを実現する4つのポイント
kworkdev
PRO
0
1.2k
生成AIでテスト設計はどこまでできる? 「テスト粒度」を操るテーラリング術
shota_kusaba
0
760
生成AI時代におけるグローバル戦略思考
taka_aki
0
180
AWS CLIの新しい認証情報設定方法aws loginコマンドの実態
wkm2
6
740
Lambdaの常識はどう変わる?!re:Invent 2025 before after
iwatatomoya
1
510
技術以外の世界に『越境』しエンジニアとして進化を遂げる 〜Kotlinへの愛とDevHRとしての挑戦を添えて〜
subroh0508
1
450
5分で知るMicrosoft Ignite
taiponrock
PRO
0
360
SREには開発組織全体で向き合う
koh_naga
0
200
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
applism118
4
1.3k
re:Invent2025 コンテナ系アップデート振り返り(+CloudWatchログのアップデート紹介)
masukawa
0
360
re:Inventで気になったサービスを10分でいけるところまでお話しします
yama3133
1
120
Microsoft Agent 365 についてゆっくりじっくり理解する!
skmkzyk
0
320
Featured
See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.2k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.2k
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
55
3.1k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
Making the Leap to Tech Lead
cromwellryan
135
9.7k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
3k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
Embracing the Ebb and Flow
colly
88
4.9k
Designing for humans not robots
tammielis
254
26k
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!