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
asdf-ecspresso作って 友達が増えた話 / Fujiwara Tech Conference 2025
koluku
0
1.4k
いりゃあせ、PHPカンファレンス名古屋2025 / Welcome to PHP Conference Nagoya 2025
ttskch
1
170
Fixstars高速化コンテスト2024準優勝解法
eijirou
0
190
HTML/CSS超絶浅い説明
yuki0329
0
190
DevinとCursorから学ぶAIエージェントメモリーの設計とMoatの考え方
itarutomy
0
140
EC2からECSへ 念願のコンテナ移行と巨大レガシーPHPアプリケーションの再構築
sumiyae
3
590
Оптимизируем производительность блока Казначейство
lamodatech
0
950
BEエンジニアがFEの業務をできるようになるまでにやったこと
yoshida_ryushin
0
200
月刊 競技プログラミングをお仕事に役立てるには
terryu16
1
1.2k
Внедряем бюджетирование, или Как сделать хорошо?
lamodatech
0
940
Асинхронность неизбежна: как мы проектировали сервис уведомлений
lamodatech
0
1.3k
ChatGPT とつくる PHP で OS 実装
memory1994
PRO
3
190
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Practical Orchestrator
shlominoach
186
10k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.2k
Building Adaptive Systems
keathley
38
2.4k
Bash Introduction
62gerente
610
210k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
960
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
28
4.5k
How GitHub (no longer) Works
holman
312
140k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Optimizing for Happiness
mojombo
376
70k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2k
Writing Fast Ruby
sferik
628
61k
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]