Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Web audio api TDC

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

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
1.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
86

Other Decks in Programming

See All in Programming
CloudNativePGがCNCF Sandboxプロジェクトになったぞ！ 〜CloudNativePGの仕組みの紹介〜
nnaka2992
0
220
[JAWS-UG横浜 #80] うわっ…今年のServerless アップデート、少なすぎ…？
maroon1st
1
170
SwiftUI Viewの責務分離
elmetal
PRO
0
140
第3回関東Kaggler会_AtCoderはKaggleの役に立つ
chettub
3
890
知られざるDMMデータエンジニアの生態 〜かつてツチノコと呼ばれし者〜
takaha4k
4
1.3k
AWS Organizations で実現する、 マルチ AWS アカウントのルートユーザー管理からの脱却
atpons
0
130
Amazon Q Developer Proで効率化するAPI開発入門
seike460
PRO
0
110
ファインディの テックブログ爆誕までの軌跡
starfish719
2
1.1k
Honoをフロントエンドで使う 3つのやり方
yusukebe
4
2.1k
Pythonでもちょっとリッチな見た目のアプリを設計してみる
ueponx
1
480
Compose でデザインと実装の差異を減らすための取り組み
oidy
1
300
Unity Android XR入門
sakutama_11
0
140

Featured

See All Featured
Designing for Performance
lara
604
68k
Fireside Chat
paigeccino
34
3.2k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
129
19k
The Invisible Side of Design
smashingmag
299
50k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
KATA
mclloyd
29
14k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Building Adaptive Systems
keathley
40
2.4k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
For a Future-Friendly Web
brad_frost
176
9.5k
How to Ace a Technical Interview
jacobian
276
23k

Transcript

  1. WEB AUDIO API O browser nunca foi tão barulhento @rafael_sps

  2. QUEM? Desenvolvedor Web - Grupo RBS Péssimo músico

  3. Altamente inspirado por @shiota @almirfilho

  4. None
  5. None
  6. None

  7. Em produção link1, link2

  8. Controlar áudio

  9. Audio Context var context = new (window. AudioContext || window.

    webkitAudioContext)();

  10. Controle de tempo Pré-bufferização Efeitos & análise em tempo real

    da tag <audio> diferente

  11. Source Nodes audio buffers live audio inputs <audio> oscillators js

    processors

  12. nodos

  13. Conectando Nodos Source Destination Delay Gain Filter

  14. Osciladores

  15. Tipos exemplo

  16. Fourier Relação Tempo- Frequência

  17. Gráfico de frequência

  18. Filtros exemplo

  19. Gerando Áudio exemplo

  20. Timbre

  21. User Media EXEMPLO

  22. Amostragem EXEMPLO

  23. Quan- tização EXEMPLO

  24. 8-bits EXEMPLO

  25. AS API’s são nossas! Façam barulho na web! @rafael_sps github.com/rssilva

    fb.com/rafaelspdasilva [email protected]