$30 off During Our Annual Pro Sale. View Details »
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
91
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
180
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
79
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
87
Javascript ao infinito e além
rssilva
0
95
Other Decks in Programming
See All in Programming
CSC305 Lecture 17
javiergs
PRO
0
290
ローターアクトEクラブ アメリカンナイト:川端 柚菜 氏(Japan O.K. ローターアクトEクラブ 会長):2720 Japan O.K. ロータリーEクラブ2025年12月1日卓話
2720japanoke
0
700
配送計画の均等化機能を提供する取り組みについて(⽩⾦鉱業 Meetup Vol.21@六本⽊(数理最適化編))
izu_nori
0
130
How Software Deployment tools have changed in the past 20 years
geshan
0
28k
俺流レスポンシブコーディング 2025
tak_dcxi
13
8.1k
全員アーキテクトで挑む、 巨大で高密度なドメインの紐解き方
agatan
8
19k
テストやOSS開発に役立つSetup PHP Action
matsuo_atsushi
0
140
分散DBって何者なんだ... Spannerから学ぶRDBとの違い
iwashi623
0
180
TVerのWeb内製化 - 開発スピードと品質を両立させるまでの道のり
techtver
PRO
3
1.4k
【CA.ai #3】ワークフローから見直すAIエージェント — 必要な場面と“選ばない”判断
satoaoaka
0
220
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
fuuki12
0
200
20 years of Symfony, what's next?
fabpot
2
320
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
84
9.3k
How GitHub (no longer) Works
holman
316
140k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Automating Front-end Workflow
addyosmani
1371
200k
Reflections from 52 weeks, 52 projects
jeffersonlam
355
21k
VelocityConf: Rendering Performance Case Studies
addyosmani
333
24k
What’s in a name? Adding method to the madness
productmarketing
PRO
24
3.8k
Producing Creativity
orderedlist
PRO
348
40k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Scaling GitHub
holman
464
140k
How to train your dragon (web standard)
notwaldorf
97
6.4k
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]