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
74
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
80
Javascript ao infinito e além
rssilva
0
85
Other Decks in Programming
See All in Programming
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
0
120
From Idea to IDE: Developing Plugins for Android Studio
thisaay
1
220
Kotlin 2.0 and Beyond
antonarhipov
2
150
LangGraphでのHuman-in-the-Loopの実装
os1ma
3
1.1k
Shinjuku.rb#95:心の技術書紹介
free_world21
1
110
Crafting Cross-Platform Adventures: Building a Game Engine with Kotlin Multiplatform
dwursteisen
0
120
AndroidアプリのUIバリエーションをあの手この手で確認する / Check UI variations of Android apps by various means
tkmnzm
1
170
Kotlin 2.0が与えるAndroid開発の進化
masayukisuda
1
410
『ドメイン駆動設計をはじめよう』中核の業務領域
masuda220
PRO
5
1k
rbs-inlineを導入してYARDからRBSに移行する
euglena1215
1
290
Scala におけるコンパイラエラーとの付き合い方
chencmd
2
430
Amazon BedrockでサーバレスなAIお料理ボットを作成する!!
tosuri13
0
230
Featured
See All Featured
How to Think Like a Performance Engineer
csswizardry
16
960
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
326
21k
What's in a price? How to price your products and services
michaelherold
242
11k
GitHub's CSS Performance
jonrohan
1030
450k
Fashionably flexible responsive web design (full day workshop)
malarkey
401
65k
StorybookのUI Testing Handbookを読んだ
zakiyama
26
5.1k
A Tale of Four Properties
chriscoyier
155
22k
Building Applications with DynamoDB
mza
90
6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
Rails Girls Zürich Keynote
gr2m
93
13k
Designing for Performance
lara
604
68k
Fireside Chat
paigeccino
31
2.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]