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
72
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
72
Processamento Digital de Sinais com Javascript - RSJS 2015
rssilva
2
98
Digital Signal Processing w/ Javascript
rssilva
3
980
Javascript Ilegível
rssilva
0
470
Javascript ao Infinito e Além TDC Porto Alegre 2014
rssilva
0
75
Javascript ao infinito e além
rssilva
0
85
Other Decks in Programming
See All in Programming
ServerAction で Progressive Enhancement はどこまで頑張れるか? / progressive-enhancement-with-server-action
takefumiyoshii
6
510
The grand strategy of Ruby Parser
yui_knk
4
270
freeeのエンジニアが 就活で出そうな コーディングテストを 解説してみる
freee
1
160
Open standards for building event-driven applications in the cloud
meteatamel
0
230
Go製Webアプリケーションのエラーとの向き合い方大全、あるいはやっぱりスタックトレース欲しいやん / Kyoto.go #50
utgwkk
6
2k
Amazon Aurora Serverless v2が意外と高かった話と、AWS Database Migration Serviceの話
satoshi256kbyte
1
110
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
220
TypeScriptで使いやすいOpenAPIの書き方
yukimochi_dwango
1
640
Balkan Ruby 2024 — How and why to run SQLite on Rails in production
fractaledmind
0
110
ペパボOpenTelemetry革命
pyama86
2
880
GitLab CI/CD で C#/WPFアプリケーションのテストとインストーラーのビルド・デプロイを自動化する
hacarus
0
610
ソースコードを美しくたもつために ~コードレビューの認知限界を突破し、年間400リリースを達成する~
kotauchisunsun
1
720
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
165
13k
Building Effective Engineering Teams - LeadDev
addyosmani
33
1.9k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
7k
Being A Developer After 40
akosma
67
580k
Side Projects
sachag
451
41k
A Tale of Four Properties
chriscoyier
153
22k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
14
8.4k
Done Done
chrislema
178
15k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
How to name files
jennybc
65
94k
The Pragmatic Product Professional
lauravandoore
26
5.9k
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]