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
79

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
160
JS && Matemática - RSJS 2017
Avatar for Rafael Specht da Silva rssilva
2
210
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
77
Processamento Digital de Sinais com Javascript - RSJS 2015
Avatar for Rafael Specht da Silva rssilva
2
100
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
500
Javascript ao Infinito e Além TDC Porto Alegre 2014
Avatar for Rafael Specht da Silva rssilva
0
85
Javascript ao infinito e além
Avatar for Rafael Specht da Silva rssilva
0
89

Other Decks in Programming

See All in Programming
JAWS DAYS 2025 re_Cheers: WEB
Avatar for komakichi komakichi
0
120
エンジニアが挑む、限界までの越境
Avatar for Nealle nealle
1
330
設計の本質：コード、システム、そして組織へ / The Essence of Design: To Code, Systems, and Organizations
Avatar for nrs nrslib
10
3.8k
今話題のMCPサーバーをFastAPIでサッと作ってみた
Avatar for Yuuki Shimizu yuukis
0
130
ASP.NETアプリケーションのモダナイゼーションについて
Avatar for tomokusaba tomokusaba
0
260
파급효과: From AI to Android Development
Avatar for HyunWoo Lee l2hyunwoo
0
170
実践Webフロントパフォーマンスチューニング
Avatar for しーぴー cp20
45
10k
Cloudflare Workersで進めるリモートMCP活用
Avatar for syumai syumai
5
650
fieldalignmentから見るGoの構造体
Avatar for kuro kuro_kurorrr
0
140
Vibe Coding の話をしよう
Avatar for schroneko schroneko
14
3.8k
生成AI時代のフルスタック開発
Avatar for Kenn Ejima kenn
7
570
“技術カンファレンスで何か変わる？” ──RubyKaigi後の自分とチームを振り返る
Avatar for shun ssagara00
0
120

Featured

See All Featured
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
40
7.3k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
61k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
349
20k
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
33
6.6k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.3k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
78
6.4k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
245
12k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.3k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
46
14k

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]