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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Rafael Specht da Silva
October 17, 2014
Programming
2
95
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
190
JS && Matemática - RSJS 2017
rssilva
2
230
Signal Processing with JavaScript JSConf Colombia
rssilva
0
180
Não alimente os trolls: JavaScript é bonito - FrontInSM 2015
rssilva
1
84
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
530
Javascript ao Infinito e Além TDC Porto Alegre 2014
rssilva
0
93
Javascript ao infinito e além
rssilva
0
100
Other Decks in Programming
See All in Programming
New in Go 1.26 Implementing go fix in product development
sunecosuri
0
100
メタプログラミングで実現する「コードを仕様にする」仕組み/nikkei-tech-talk43
nikkei_engineer_recruiting
0
130
AI活用のコスパを最大化する方法
ochtum
0
120
Ruby x Terminal
a_matsuda
5
510
CSC307 Lecture 14
javiergs
PRO
0
440
朝日新聞のデジタル版を支えるGoバックエンド ー価値ある情報をいち早く確実にお届けするために
junkiishida
1
290
Beyond the Basics: Signal Forms
manfredsteyer
PRO
0
110
Raku Raku Notion 20260128
hareyakayuruyaka
0
420
go directiveを最新にしすぎないで欲しい話──あるいは、Go 1.26からgo mod initで作られるgo directiveの値が変わる話 / Go 1.26 リリースパーティ
arthur1
2
400
CSC307 Lecture 11
javiergs
PRO
0
580
「やめとこ」がなくなった — 1月にZennを始めて22本書いた AI共創開発のリアル
atani14
0
330
LangChain4jとは一味違うLangChain4j-CDI
kazumura
1
120
Featured
See All Featured
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Visualization
eitanlees
150
17k
The SEO identity crisis: Don't let AI make you average
varn
0
400
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
67
37k
Java REST API Framework Comparison - PWX 2021
mraible
34
9.2k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
220
Groundhog Day: Seeking Process in Gaming for Health
codingconduct
0
110
Google's AI Overviews - The New Search
badams
0
920
30 Presentation Tips
portentint
PRO
1
250
Evolving SEO for Evolving Search Engines
ryanjones
0
140
Believing is Seeing
oripsolob
1
68
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.2k
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]