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
90
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
Liberating Ruby's Parser from Lexer Hacks
Avatar for ydah ydah
2
2.2k
AWSコミュニティ活動は顧客のクラウド推進に効くのか / Do AWS community activities help customers adopt the cloud?
Avatar for shiro seike seike460
PRO
0
150
SkillがSkillを生む：QA観点出しを自動化した
Avatar for sontixyou sontixyou
6
3.5k
AI時代のPhpStorm最新事情 #phpcon_odawara
Avatar for yusuke yusuke
0
200
tRPCの概要と少しだけパフォーマンス
Avatar for Keigo Ebihara misoton665
2
240
CursorとClaudeCodeとCodexとOpenCodeを実際に比較してみた
Avatar for Terisuke terisuke
1
490
Running Swift without an OS
Avatar for Kishikawa Katsumi kishikawakatsumi
0
850
AIと共に生きる技術選定 2026
Avatar for Sugar Sato sgash708
0
110
2026_04_15_量子計算をパズルとして解く
Avatar for HideakiTakechi hideakitakechi
0
110
煩雑なSkills管理をSoC（関心の分離）により解決する――関心を分離し、プロンプトを部品として育てるためのOSSを作った話 / Solving Complex Skills Management Through SoC (Separation of Concerns)
Avatar for nrs nrslib
4
1k
事業会社でのセキュリティ長期インターンについて
Avatar for inlet-back masachikaura
1
270
Programming with a DJ Controller — not vibe coding
Avatar for seki at druby.org m_seki
3
170

Featured

See All Featured
Google's AI Overviews - The New Search
Avatar for Barry Adams badams
0
980
Lightning talk: Run Django tests with GitHub Actions
Avatar for Sarah Abderemane sabderemane
0
170
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
21k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
88
5k
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.7k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
70
39k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
110
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.1k
How Fast Is Fast Enough? [PerfNow 2025]
Avatar for Tammy Everts tammyeverts
3
540
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
280
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
340
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
150

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]