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

Web audio api TDC

Avatar for Rafael Specht da Silva Rafael Specht da Silva
October 17, 2014
Programming
2
88

Web audio api TDC

Slides from my talk about Web Audio API on TDC Porto Alegre

Avatar for Rafael Specht da Silva

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
Avatar for Rafael Specht da Silva rssilva
0
170
JS && Matemática - RSJS 2017
Avatar for Rafael Specht da Silva rssilva
2
220
Signal Processing with JavaScript JSConf Colombia
Avatar for Rafael Specht da Silva rssilva
0
170
Não alimente os trolls: JavaScript é bonito - FrontInSM 2015
Avatar for Rafael Specht da Silva rssilva
1
78
Processamento Digital de Sinais com Javascript - RSJS 2015
Avatar for Rafael Specht da Silva rssilva
2
110
Digital Signal Processing w/ Javascript
Avatar for Rafael Specht da Silva rssilva
3
1.1k
Javascript Ilegível
Avatar for Rafael Specht da Silva rssilva
0
510
Javascript ao Infinito e Além TDC Porto Alegre 2014
Avatar for Rafael Specht da Silva rssilva
0
86
Javascript ao infinito e além
Avatar for Rafael Specht da Silva rssilva
0
94

Other Decks in Programming

See All in Programming
私の後悔をAWS DMSで解決した話
Avatar for 平目 hiramax
4
180
パッケージ設計の黒魔術/Kyoto.go#63
Avatar for kadota kyohei lufia
3
390
TROCCO×dbtで実現する人にもAIにもやさしいデータ基盤
Avatar for Nealle nealle
0
390
Claude Codeで実装以外の開発フロー、どこまで自動化できるか？失敗と成功
Avatar for ndaDayo.Sugawawa ndadayo
3
1.8k
AI時代のドメイン駆動設計-DDD実践におけるAI活用のあり方 / ddd-in-ai-era
Avatar for MinoDriven minodriven
25
9.5k
Jakarta EE Core Profile and Helidon - Speed, Simplicity, and AI Integration
Avatar for ivargrimstad ivargrimstad
0
280
Kiroで始めるAI-DLC
Avatar for kaonash kaonash
2
490
Claude Codeで挑むOSSコントリビュート
Avatar for kmuto eycjur
0
190
Zendeskのチケットを Amazon Bedrockで 解析した
Avatar for ryokosuge ryokosuge
3
230
Oracle Database Technology Night 92 Database Connection control FAN-AC
Avatar for oracle4engineer oracle4engineer
PRO
1
360
【第4回】関東Kaggler会「Kaggleは執筆に役立つ」
Avatar for Wataru Takahara mipypf
0
980
Ruby Parser progress report 2025
Avatar for yui-knk yui_knk
1
250

Featured

See All Featured
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Building Adaptive Systems
Avatar for Chris Keathley keathley
43
2.7k
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
268
13k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
301
51k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
507
140k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
231
18k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
570
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
32
1.1k

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]