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
89
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
170
JS && Matemática - RSJS 2017
rssilva
2
220
Signal Processing with JavaScript JSConf Colombia
rssilva
0
170
Não alimente os trolls: JavaScript é bonito - FrontInSM 2015
rssilva
1
78
Processamento Digital de Sinais com Javascript - RSJS 2015
rssilva
2
110
Digital Signal Processing w/ Javascript
rssilva
3
1.1k
Javascript Ilegível
rssilva
0
520
Javascript ao Infinito e Além TDC Porto Alegre 2014
rssilva
0
86
Javascript ao infinito e além
rssilva
0
94
Other Decks in Programming
See All in Programming
NIKKEI Tech Talk#38
cipepser
0
120
One Enishi After Another
snoozer05
PRO
0
150
モテるデスク環境
mozumasu
3
960
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
770
bootcamp2025_バックエンド研修_WebAPIサーバ作成.pdf
geniee_inc
0
120
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
230
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
uma31
0
330
XP, Testing and ninja testing ZOZ5
m_seki
3
790
When Dependencies Fail: Building Antifragile Applications in a Fragile World
selcukusta
0
110
Reactive Thinking with Signals and the Resource API
manfredsteyer
PRO
0
100
Go言語の特性を活かした公式MCP SDKの設計
hond0413
1
430
その面倒な作業、「Dart」にやらせませんか? Flutter開発者のための業務効率化
yordgenome03
1
140
Featured
See All Featured
Facilitating Awesome Meetings
lara
57
6.6k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
3.1k
A better future with KSS
kneath
239
18k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Building Applications with DynamoDB
mza
96
6.7k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Building Adaptive Systems
keathley
44
2.8k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
920
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]