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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
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
Bill One急成長の舞台裏 開発組織が直面した失敗と教訓
sansantech
PRO
2
380
20260208_第66回 コンピュータビジョン勉強会
keiichiito1978
0
140
2026年、サーバーレスの現在地 -「制約と戦う技術」から「当たり前の実行基盤」へ- /serverless2026
slsops
2
250
クレジットカード決済基盤を支えるSRE - 厳格な監査とSRE運用の両立 (SRE Kaigi 2026)
capytan
6
2.8k
AI駆動開発を事業のコアに置く
tasukuonizawa
1
200
Amazon Bedrock Knowledge Basesチャンキング解説!
aoinoguchi
0
140
生成AIを活用した音声文字起こしシステムの2つの構築パターンについて
miu_crescent
PRO
2
200
OpenShiftでllm-dを動かそう!
jpishikawa
0
110
データの整合性を保ちたいだけなんだ
shoheimitani
8
3.1k
ファインディの横断SREがTakumi byGMOと取り組む、セキュリティと開発スピードの両立
rvirus0817
1
1.4k
今日から始めるAmazon Bedrock AgentCore
har1101
4
410
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
515
110k
Balancing Empowerment & Direction
lara
5
890
How STYLIGHT went responsive
nonsquared
100
6k
Statistics for Hackers
jakevdp
799
230k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
46
2.7k
Done Done
chrislema
186
16k
Claude Code どこまでも/ Claude Code Everywhere
nwiizo
61
52k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
38
2.7k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
25
1.7k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
66
37k
The agentic SEO stack - context over prompts
schlessera
0
640
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.4k
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!