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
Web audio api TDC
Search
Rafael Specht da Silva
October 17, 2014
Programming
2
75
Web audio api TDC
Slides from my talk about Web Audio API on TDC Porto Alegre
Rafael Specht da Silva
October 17, 2014
Tweet
Share
More Decks by Rafael Specht da Silva
See All by Rafael Specht da Silva
A gift of sound and vision
rssilva
0
160
JS && Matemática - RSJS 2017
rssilva
2
210
Signal Processing with JavaScript JSConf Colombia
rssilva
0
160
Não alimente os trolls: JavaScript é bonito - FrontInSM 2015
rssilva
1
75
Processamento Digital de Sinais com Javascript - RSJS 2015
rssilva
2
99
Digital Signal Processing w/ Javascript
rssilva
3
1k
Javascript Ilegível
rssilva
0
480
Javascript ao Infinito e Além TDC Porto Alegre 2014
rssilva
0
83
Javascript ao infinito e além
rssilva
0
85
Other Decks in Programming
See All in Programming
42 best practices for Symfony, a decade later
tucksaun
1
180
Zoneless Testing
rainerhahnekamp
0
120
Semantic Kernelのネイティブプラグインで知識拡張をしてみる
tomokusaba
0
180
MCP with Cloudflare Workers
yusukebe
2
220
Go の GC の不得意な部分を克服したい
taiyow
2
770
Mermaid x AST x 生成AI = コードとドキュメントの完全同期への道
shibuyamizuho
0
160
競技プログラミングへのお誘い@阪大BOOSTセミナー
kotamanegi
0
360
ドメインイベント増えすぎ問題
h0r15h0
1
270
StarlingMonkeyを触ってみた話 - 2024冬
syumai
3
270
KMP와 kotlinx.rpc로 서버와 클라이언트 동기화
kwakeuijin
0
140
Symfony Mapper Component
soyuka
2
730
SymfonyCon Vienna 2025: Twig, still relevant in 2025?
fabpot
3
1.2k
Featured
See All Featured
Code Review Best Practice
trishagee
65
17k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Making Projects Easy
brettharned
116
5.9k
Gamification - CAS2011
davidbonilla
80
5.1k
Facilitating Awesome Meetings
lara
50
6.1k
Building Applications with DynamoDB
mza
91
6.1k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
48
2.2k
Product Roadmaps are Hard
iamctodd
PRO
49
11k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Building Adaptive Systems
keathley
38
2.3k
Transcript
WEB AUDIO API O browser nunca foi tão barulhento @rafael_sps
QUEM? Desenvolvedor Web - Grupo RBS Péssimo músico
Altamente inspirado por @shiota @almirfilho
None
None
None
Em produção link1, link2
Controlar áudio
Audio Context var context = new (window. AudioContext || window.
webkitAudioContext)();
Controle de tempo Pré-bufferização Efeitos & análise em tempo real
da tag <audio> diferente
Source Nodes audio buffers live audio inputs <audio> oscillators js
processors
nodos
Conectando Nodos Source Destination Delay Gain Filter
Osciladores
Tipos exemplo
Fourier Relação Tempo- Frequência
Gráfico de frequência
Filtros exemplo
Gerando Áudio exemplo
Timbre
User Media EXEMPLO
Amostragem EXEMPLO
Quan- tização EXEMPLO
8-bits EXEMPLO
AS API’s são nossas! Façam barulho na web! @rafael_sps github.com/rssilva
fb.com/rafaelspdasilva
[email protected]