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
230
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
150
音色と波形の話
hirotan
0
170
chiptune by web audio api
hirotan
0
140
Web Audio API でお手軽10バンドイコライザー
hirotan
1
570
Other Decks in Technology
See All in Technology
DynamoDB でスロットリングが発生したとき_大盛りver/when_throttling_occurs_in_dynamodb_long
emiki
1
430
OCI 運用監視サービス 概要
oracle4engineer
PRO
0
4.8k
リンクアンドモチベーション ソフトウェアエンジニア向け紹介資料 / Introduction to Link and Motivation for Software Engineers
lmi
4
300k
【Startup CTO of the Year 2024 / Audience Award】アセンド取締役CTO 丹羽健
niwatakeru
0
1.3k
障害対応指揮の意思決定と情報共有における価値観 / Waroom Meetup #2
arthur1
5
480
Making your applications cross-environment - OSCG 2024 NA
salaboy
0
190
開発生産性を上げながらビジネスも30倍成長させてきたチームの姿
kamina_zzz
2
1.7k
生成AIが変えるデータ分析の全体像
ishikawa_satoru
0
170
[CV勉強会@関東 ECCV2024 読み会] オンラインマッピング x トラッキング MapTracker: Tracking with Strided Memory Fusion for Consistent Vector HD Mapping (Chen+, ECCV24)
abemii
0
230
Evangelismo técnico: ¿qué, cómo y por qué?
trishagee
0
360
New Relicを活用したSREの最初のステップ / NRUG OKINAWA VOL.3
isaoshimizu
3
630
マルチプロダクトな開発組織で 「開発生産性」に向き合うために試みたこと / Improving Multi-Product Dev Productivity
sugamasao
1
310
Featured
See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Facilitating Awesome Meetings
lara
50
6.1k
Raft: Consensus for Rubyists
vanstee
136
6.6k
Making Projects Easy
brettharned
115
5.9k
RailsConf 2023
tenderlove
29
900
Thoughts on Productivity
jonyablonski
67
4.3k
Embracing the Ebb and Flow
colly
84
4.5k
We Have a Design System, Now What?
morganepeng
50
7.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
655
59k
A Tale of Four Properties
chriscoyier
156
23k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Building an army of robots
kneath
302
43k
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!