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
100
2

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

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
190
JS && Matemática - RSJS 2017
Avatar for Rafael Specht da Silva rssilva
2
230
Signal Processing with JavaScript JSConf Colombia
Avatar for Rafael Specht da Silva rssilva
0
180
Não alimente os trolls: JavaScript é bonito - FrontInSM 2015
Avatar for Rafael Specht da Silva rssilva
1
89
Processamento Digital de Sinais com Javascript - RSJS 2015
Avatar for Rafael Specht da Silva rssilva
2
120
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
530
Javascript ao Infinito e Além TDC Porto Alegre 2014
Avatar for Rafael Specht da Silva rssilva
0
97
Javascript ao infinito e além
Avatar for Rafael Specht da Silva rssilva
0
100

Other Decks in Programming

See All in Programming
t *testing.T は どこからやってくるの？
Avatar for Kotaro Otaka otakakot
1
700
AIエージェントで業務改善してみた
Avatar for takumi taku271
0
540
10年分の技術的負債、完済へ ― Claude Code主導のAI駆動開発でスポーツブルを丸ごとリプレイスした話
Avatar for nero15 takuya_houshima
0
2.6k
YJITとZJITにはイカなる違いがあるのか？
Avatar for yamanao nakiym
0
230
AWS re：Invent 2025の少し振り返り ＋ DevOps AgentとBacklogを連携させてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
3
170
Coding at the Speed of Thought: The New Era of Symfony Docker
Avatar for Kévin Dunglas dunglas
0
5k
AWSコミュニティ活動は顧客のクラウド推進に効くのか / Do AWS community activities help customers adopt the cloud?
Avatar for shiro seike seike460
PRO
0
150
Making the RBS Parser Faster
Avatar for Soutaro Matsumoto soutaro
0
470
[RubyKaigi 2026] Require Hooks
Avatar for Vladimir Dementyev palkan
1
220
🦞OpenClaw works with AWS
Avatar for matsukada licux
1
180
年間50登壇、単著出版、雑誌寄稿、Podcast出演、YouTube、CM、カンファレンス主催……全部やってみたので面白さ等を比較してみよう / I’ve tried them all, so let’s compare how interesting they are.
Avatar for nrs nrslib
4
800
GNU Makeの使い方 / How to use GNU Make
Avatar for kaityo256 kaityo256
PRO
16
5.6k

Featured

See All Featured
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
270
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Leveraging LLMs for student feedback in introductory data science courses - posit::conf(2025)
Avatar for Mine Cetinkaya-Rundel minecr
1
240
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.8k
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
170
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
280
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.4k
技術選定の審美眼（2025年版） / Understanding the Spiral of Technologies 2025 edition
Avatar for Takuto Wada twada
PRO
118
110k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
29
4.2k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
3.1M
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
38
2.8k

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]