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
Google Opalで使える37のライブラリ
mickey_kubo
3
130
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
790
SwiftDataを使って10万件のデータを読み書きする
akidon0000
0
240
開発組織の戦略的な役割と 設計スキル向上の効果
masuda220
PRO
8
1.4k
Things You Thought You Didn’t Need To Care About That Have a Big Impact On Your Job
hollycummins
0
250
Range on Rails ―「多重範囲型」という新たな選択肢が、複雑ロジックを劇的にシンプルにしたワケ
rizap_tech
0
6.7k
O Que É e Como Funciona o PHP-FPM?
marcelgsantos
0
190
TFLintカスタムプラグインで始める Terraformコード品質管理
bells17
2
350
Pythonに漸進的に型をつける
nealle
1
120
AI 駆動開発におけるコミュニティと AWS CDK の価値
konokenj
5
190
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
280
EMこそClaude Codeでコード調査しよう
shibayu36
0
350
Featured
See All Featured
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Typedesign – Prime Four
hannesfritz
42
2.8k
The Invisible Side of Design
smashingmag
302
51k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.2k
Code Review Best Practice
trishagee
72
19k
Designing for Performance
lara
610
69k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
How to Ace a Technical Interview
jacobian
280
24k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
34
2.5k
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]