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

Web audio api TDC

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
91
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
540
Javascript ao Infinito e Além TDC Porto Alegre 2014
Avatar for Rafael Specht da Silva rssilva
0
98
Javascript ao infinito e além
Avatar for Rafael Specht da Silva rssilva
0
100

Other Decks in Programming

See All in Programming
Agent Skills を社内で育てる仕組み作り
Avatar for jackchuka jackchuka
1
2.2k
ビジネスモデルから紐解く、AI+型駆動開発
Avatar for Hiroki Omote hirokiomote
2
810
UaaL×Androidアプリのメモリ計測 — Memory Profilerの先へ
Avatar for Ryosuke Shimizu (RIO) rio432
0
170
2026年のソフトウェア開発を考える（2026/05版） / Software Engineering Scrum Fest Niigata 2026 Edition
Avatar for Takuto Wada twada
PRO
24
14k
横断組織出身のQAEがインプロセスQAEでつまずいたこと・活かせたこと
Avatar for Taiki Yamashita ty89
0
170
PHPでバイナリをパースして理解するASN.1
Avatar for muno92 muno92
PRO
0
470
Migrations : C'est une question d'hygiène !
Avatar for Vincent Amstoutz vinceamstoutz
0
880
RailsTokyo 2026#4: AI様があれば、
Hotwireの弱点は消えるか？
Avatar for Naofumi Kagami naofumi
4
500
AWSはOSSをどのように 考えているのか？
Avatar for アキキー | Akihisa Ikeda akihisaikeda
0
130
Are We Really Coding 10× Faster with AI?
Avatar for Koichi Yoshida kohzas
0
210
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
140
ソースコード→AST→オペコード、の旅を覗いてみる
Avatar for hideki kinjyo o0h
PRO
1
140

Featured

See All Featured
It's Worth the Effort
Avatar for 3n 3n
188
29k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
930
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Paper Plane (Part 1)
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
7.7k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
810
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Test your architecture with Archunit
Avatar for Yoan thirion
1
2.2k
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
230
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.5k

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]